صورة الـ favicon هي التي تظهر في تاب المتصفح بجوار عنوان الموقع مثل الصورة التالية
بعد تجربة بسيطة اكتشفت أن عدم استخدام صورة favicon يعمل ضد موضوع تسريع الووردبريس، وأن استخدام صورة favicon لموقعك يعمل في صالحك.
لتنفيذ هذه التجربة بشكل جيد طبقت الخطوات التالية أولًا:
- [سجل الدخول لترى الرابط] عندي.
- استخدمت قالب استرا فقط وهو أحد أسرع قوالب الووردبريس وعطلت كافة الإضافات عن العمل.
- أنشأت صفحة جديدة وجعلت عنوانها favicon.ico ووضعت في المحتوى نفس الكلمة فقط.
- منعت ظهور السايدبار؛ بذلك يظهر فقط الهيدر والمحتوى والفوتر، كما ترى في الصورة التالية.
معرفة ضرر عدم استخدام Favicon.ico
يمكنك تجربة نفس الخطوات على موقعك للتأكد من عدم وجود نفس المشكلة لديك.
فتحت الصفحة التي أخبرتك عنها في الخطوات السابقة، وبعد أن تم فتحها ضغطت من لوحة المفاتيح على f12 لفتح الـ inspect الخاص بجوجل كروم.
ثم نقرت على التاب Network لعرض الملفات التي يتم تحميلها عند فتح هذه الصفحة، وعملت إعادة تحميل للصفحة (refresh).
النتيجة كما ترى في الصورة السابقة، كانت كالتالي:
- 9 طلبات.
- الانتهاء من تحميل كل شيء Finish 1.33 ثانية.
الصورة أعلاه، أخذتها من الصورة الكبيرة أعلاها لتكبير الشكل فقط. وفيها ستجد أن الطلب قبل الأخير بعنوان favicon.ico يُعطي الحالة 302 وأخذ من الوقت 285 ميللي ثانية لينتهي.
الحدث 302 هو رمز يدل على أن الملف المطلوب تم نقله بشكل مؤقت لرابط آخر مختلف. الرابط المختلف ظاهر في الطلب الأخير، ولكن المتصفح سيظل في كل مرة يطلب الرابط الأصلي فيرجع إليه الحدث 302 حتى تضع نهاية لهذا السيناريو.
بعد استخدام صورة favicon
اخترت صورة أبعادها 512 بيكسل × 512 بيكسل، ويمكنك جعلها بصيغة png أو ico أو webp لكني اخترت في النهاية صيغة webp لأنها أقل حجمًا.
توجهت إلى تخصيص > هوية الموقع أو Site identy ورفعت الصورة ثم جربت مرة أخرى الخطوات السابقة.
النتيجة كما ترى تغيرت، ولكي تكن المقارنة واضحة جمعت لك النتيجة النهائية في الصورة التالية؛ حيث الجزء الأعلى يوضح نتائج عدم استخدام صورة favicon والجزء الموجود في الأسفل يوضح نتائج استخدام صورة favicon.
- 8 طلبات مقابل 9 طلبات، أي تم تقليل طلب وهذا تخفيف أكثر على السيرفر خصوصًا مع زيادة عدد الزوار.
- حجم الـ transferred وكذلك الموارد أقل وهذا أفضل طبعا.
- تم تحميل DOMContentLoaded في وقت أقل وهذا أفضل.
- لود الصفحة أقل بجزء من الثانية، وصحيح أن الفرق ليس كبير ولكنه أفضل.
- انتهت الصفحة من التحميل في 1.02 ثانية بدلا من 1.33 ثانية بتوفير 31 جزء من الثانية، وهذا الرقم يبدو للمواقع الصغيرة دون فائدة لكنه للمتاجر الكبيرة ذو فائدة كبيرة.
في النهاية، أحب أن أؤكد أن النجاح الكبير يبدأ من الخطوات الصغيرة.
