اعدادات متقدمة

في هذا الشرح بالنسبة للاعدادات المتقدمة سناخد كل خاصية على حدى

jQuery CDN

في حال اردت ان يتم تحميل مكتبة الـ jQuery من الـ CDN لزوار موقعك قم بتفعيل الخاصية اما بالنسبة لهذه الطريقة فلها مميزات عديدة اما سلبياتها فليست بالشيء المهم هذا مثال على تحميل المكتبة من الـ CDN

بالنسبة لمميزات هذه الطريقة :

1. في حال قام الزائر بزيارة مواقع اخرى تستعمل نفس الطريقة فلن يتم تحميلها مرة اخرى لانها مخزنة مسبقا في متصفح الزائر مما يعني انه سيتصفح موقعك بشكل اسرع
2. تساعد على تقليل طلبات الـ HTTP مما يعني تخفيف الضغط على ملقم الويب (web server) الخاص بك
3. تساعد على تقليل كمية استهلاك الـ Bandwidth لسيرفر الخاص بك او الاستضافة
4. تساعد على عرض المكتبة من اقرب موقع جغرافي لزائر

بالنسبة لسلبيات هذه الطريقة :

كما ذكرت لكم سابقا فهي ليست بالشيء المهم  والمقصود بالسلبيات هنا هو نتيجة فحص موقعك في Google Page Speed Insight ستحصل على نتائج كما هو موضح في الصور التالية :

اضغط على الصور لمشاهدة باقي التفاصيل

 

Inline jQuery

بالنسبة لهذه الطريقة تختلف عن الطريقة السابقة عوض ان يتم طلب مكتبة jQuery عن طريق الـ HTTP يتم تضمينها او بمعنى اخر يتم دمجها مع الصفحات. عند تضمينها في الصفحات فلن تظهر لك مكتبة الـ jQuery في قائمة الملفات التي يتم طلبها عن تحليل الموقع كما هو موضح في الصورة التالية :

بالنسبة للمميزات هذه الطريقة :

تساعد على تقليل طلبات الـ HTTP

1. تصفح اسرع لصفحات الموقع
2. اذا كنت تهتم لاقتراحات Google Page Speed Insight قد تساعدك نوعا ما

بالنسبة لسلبيات هذه الطريقة :

1. قد تسبب لك تعارض مع اضافات ووردبريس تستعمل مكتبة jQuery
2. حجم الصفحة يرتفع مثلا لو عندك حجم الصفحة 700kb يصبح 785kb

المهم القالب يحتوي تقريبا على جميع الامور التي تحتاج مثل ازرار المشاركة و Lighbox و بادجات المواقع الاجتماعية والايقونة يعني ناذرا ما ستحتاج اضافة. في حال اردت استعمال هذه الخاصية يمكنك مراسلتي للإستفسار عن الإضافات التي تستعمل هل سيؤتر عليها تفعيل هذه الخاصية ام لا وانا ساجيبك ان شاء الله

Google Fonts asynchronously

بالنسبة لهذه الخاصية فقد تم اضافتها حتى يتم تحميل خطوط جوجل بشكل غير متزامن كي لا توثر على تحميل محتويات الصفحة لزائر. ايضا هذه الطريقة ستفيدك في حال كنت تهتم لاقتراحات Google Page Speed Insight لانه عند استعمال الخطوط من جوجل فقد تلاحظ انه تم اقتراح عليك ازالة العناصر التي تتسبب في “Render Blocking” كما هو موضح في الصورة ادناه

ملاحظة عند تفعيل الخاصية قد تلاحظ ان الخطوط يتم تحميله بشكل متأخر

Lazyload Images

بالنسبة لتحميل الكسول لصور فهو مهم جدا لسرعة تحميل موقعك. بالنسبة لطريقة عمل التحميل الكسول فهو يعرض الصور في الجزء المرئي لزائر اي انه كلما قام بالنزول فانه يعرض الصور الموجودة بالنسبة لزائر في الجزء المرئي تتم هذه العملية الى ان يتم الزائر بالوصول الى نهاية الصفحة وهذا توضيح للامر

اضغط على الصور لمشاهدة التفاصيل

 

1. عند اول مشاهدة كما تلاحظون في الصورة عدد الصور 4 وحجم الصفحة 348.7kb يعني سرعة اكبر عند فتح موقعك لا بالنسبة لزوار او محركات البحث
2. عند النزول اسفل الصفحة كما تلاحظون في الصورة تم اضافة 7 صور واصبح العدد 11 صورة وحجم الصفحة اصبح 823.5kb اي انه زاد حجم الصفحة بـ 474.5kb

المهم هذه مجرد امثلة على استعمال lazyload للصور قد تختلف النتائج على حسب الصور التي تعرض في موقعك المهم ان هذه الخاصية مهمة لسرعة تحميل الصفحات

بالنسبة للمتصفحات التي تقوم بالغاء الجافاسكريبت فلن تظهر لهم الصور لانه يعتمد على الجافاسكريبت وعلى مكتبة jQuery ببساطة اذا لم تظهر لك الصور فانك قمت بتعطيل الجافاسكريبت او ان هناك مشكلة مع jquery

Retrieve video info

بالنسبة لهذه الخاصية فهي تعمل فقط عند تحرير او نشر مقالة اي انها تقوم بجلب معلومات الفيديو الذي قمت بادراج رابطه مثلا عند وضع رابط من اليوتوب يتم اضافة المعلومات الى الحقول كما هو موضح في الصورة

ملاحظة هذه المعلومات يتم استعمالها في موديلات الفيديو او ودجت الفيديو لقالب lightmag وقد تفيدك ايضا مع الخاصية الجديدة التي تم اضافتها “Video SEO”

 

Light Videos Embeds

هذه الخاصية لها علاقة بمشغلات الفيديو للمواقع التالية : Youtube, Vimo, Dailymotion, Facebook الغرض منها جعل الصفحات اسرع لزائر ومحركات البحث لانه عند استعمال تلك المشغالات بشكل عادي يزداد حجم الصفحة كما هو موضح في الصورة ادناه

اما في حالة قمت بتفعيله فيصبح حجم الصفحات اقل واسرع

اذا كنت تهتم للاعلانات ادسنس في الفيديوهات لا اذكر اسم الاعلانات الجديدة بالضبط لكن كان اسمها page level ads كان يتم ادراج الاعلانات عند تشغيل الفيديو على موقع بطبيعة الحال لاصحاب الجوال فقط المهم اذا كنت تستعمل تلك الطريقة للاعلانات فيجب عليك تعطيل هذه الخاصية

Social SDK : Load on Scroll

بالنسبة لهذه الخاصية فهي تجعل تجعل سكريبتات المواقع الاجتماعية مثل facebook, twitter, google, instagram يتم تحميلها بعد ان يقوم الزائر بأول نزول اسفل الصفحة, بالنسبة لتأتيرها على سرعة تحميل صفحات الموقع فهو بسيط ولها تأتير اخر على اقتراحات جوجل في اداة “PageSpeed Insights” تساعد في رفع النقاط بشكل بسيط جدا

هذه الخاصية تم ازالتها لم يعد لها اهمية الان اصبح يتم التحقق من وجود اكواد المواقع الاجتماعية في الصفحة ثم تحميل المكتبات اللازمة

وهناك سبب اخر لازالتها لكي لا تتسبب في تاخير تحميل الصور عند استعمال lazyload المهم اكتساب بعض الثواني في سرعة عرض المحتوى

Google Adsense : Load on Scroll

بالنسبة لهذه الخاصية فهي تم تجعل الاعلانات تظهر بعد ان يقوم الزائر بعمل سكرول لاسفل الصفحة, بالنسبة لتأتيرها على سرعة تحميل صفحات الموقع فهو بسيط ولها تأتير اخر على اقتراحات جوجل في اداة “PageSpeed Insights” تساعد في رفع النقاط بشكل بسيط جدا

هذه الخاصية تحتاج تعديل على جميع الوحدات الاعلانية التي تستعمل يزالة الجزء الموح في الصورة ادناه

حتى تصبح جميع الوحدات الاعلانية بالشكل التالي :

JetPack : Remove JS & CSS

اذا كنت تستعمل Jetpack من اجل الميزات التالية :

• Photon
• الاحصائيات
• مقالات ذات صلة

هذه الخاصية ستقوم بازالة جميع ملفات الـ css و js المدرجة في الصفحات بواسطة اضافة Jetpack لكي يتم تحميل الصفحات يشكل اسرع

JetPack : Skip Images (Post Content Only)

هذه الخاصية تم ادراجها لناس التي تتخوف من jetpack لصور لانه بعض يقول انه عند استعمال الصور من jetpack تفقد تلك الصور ترتيبها في محرك البحث مع انه كلام مشكوك في امره لانه على حسب ما جاء في حديث احد اصحاب المواقع مع الدعم الفني لـ Jetpack فكان الرد انهم يقومون باضافة الرابط الاصلي لصورة “canonical” في الصورة المرفوعة على سيرفراتهم كي تتعرف عليها جوجل وتقوم بارشفت الرابط الاصلي على العموم هذا ربط المقالة Is Jetpack’s Photon bad for SEO التي وضحت الامر

الان يتم ادراج وسم microformat اسفل كل صورة داخل المقالة ليشير الى الرابط الاصلي لصورة بالشكل التالي :

اي لا داعي لتفعيل هذه الخاصية بعد الان

Default Widgets CSS

في حال لم تكن تستعمل الودجت الافتراضية للوردبريس كما هو موضح في الصورة ادناه قم بتعطيل هذه الخاصية كي لا يتم تحميل ملفات ال css الخاص بها

Video SEO

هذه الخاصية لها علاقة بتصنيف الفيديوهات اذا قمت بتحديده من لوحة التحكم فستفيدك بالنسبة لمحركات البحث لارشفت المقالات التي تحتوي على فيديوهات على شكل فيديو. لانه بعد فحصي لمواقع عديدة خاصة بالفيديوهات اتضح انها تستعمل نفس الفكرة وقد اضفتها لكم للاستفادة منها لكن الطريقة ليست مضمونة 100%

المهم الخاصية تقوم باستبدال اوسمة ال opengraph لاضافة all in one seo pack او Yoast باوسمة فيديو من القالب وتقوم باضافة اوسمة schema.org داخل مقالة الفيديو لتوضيح الامر هذه نتائج التحليل لمقالة قبل وبعد تفعيل الخاصية

 

Remove Cycle2 Library

انتبه قبل تفعيل هذه الخاصية لانه في حال قمت بتفعيلها فستواجه مشكلة مع العناصر التالية :

1. جميع السلايدرات ما عدى السلايدرات 9,6,5,1 اذا قمت بتثبيتها يمكنك استعمالها
2. الودجت معرض الصور 1 و 2
3. الموديلات التالية : 14 و 15 و 29 الخاصة بالكاروسيل
4. معرض الصور للمقالات في حال قمت بتعين تصنيف خاص بمعرض الصور

هذه الخاصية تقوم بتفعيلها في حالة اردت ان تستعمل القالب باقل اقصى ممكن له في الاستعمال يعني اذا كنت من اصحاب ال viral وتريد ازالة حميع الاشياء التي لا تريد

Sticky Sidebar

هذه الخاصية لتثيبت القوائم الجانبية عند النزول لقراءة  محتوى المقالة اذا لم تكن في حاجة لها قم بتعطيلها لازالة ملفات الـ jQuery الخاصة بها من الصفحات

هذا كل ما في الامر