تعد سرعة الصفحة الآن عاملاً رسميًا للترتيب ، كما أن تحسين سرعة الصفحة لموقع Blogger على الويب أمر تقني بعض الشيء ويتطلب القليل من المعرفة التقنية.
لهذا السبب سأوضح لك العملية خطوة بخطوة لتحسين سرعة تحميل موقع blogger على الويب.
تذكر شيئًا واحدًا إذا كنت تخطط لتحقيق درجة 100 ٪ في سرعة الصفحة Insight ، فهذا غير ممكن عمليًا خاصةً عند استخدام AdSense على موقع الويب الخاص بك.
دعنا نفهم ما هي سرعة الصفحة وما هي أفضل ممارسات تحسين محركات البحث وراءها.
ما هي سرعة الصفحة؟
غالبًا ما يتم اعتبار سرعة الصفحة على أنها "وقت تحميل الصفحة" وهو إجمالي الوقت الذي يستغرقه المتصفح لتحميل المحتويات بالكامل على صفحة معينة.
تأخذ إحصاءات سرعة الصفحة من Google في الاعتبار وقت تحميل الصفحة الإجمالي ، بينما تأخذ مدققات سرعة الصفحة الأخرى مثل Pingdom و GTmetrix في الاعتبار مفهوم "الوقت حتى البايت الأول" أثناء حساب سرعة الصفحة.
هذا هو إجمالي الوقت الذي يستغرقه المستعرض لتلقي البايت الأول من المعلومات من الخادم لعرض محتوى الجزء العلوي.
يجب أن تعلم أن نتيجة إحصاءات Pagespeed من Google تعتمد على مصفوفتين مهمتين للسرعة ، First Contentful Paint (FCP) و DOMContentLoaded (DCL). يأخذ أيضًا بيانات من تقرير تجربة مستخدم Chrome.
لماذا تعتبر سرعة تحميل الصفحة مهمة لتحسين محركات البحث؟
كما تعلم ، تستخدم Google الآن مؤشرات الويب الحيوية الأساسية كإشارة تصنيف تتضمن ثلاثة عوامل مهمة مذكورة أدناه.
- أكبر طلاء محتوى (LCP)
- أول تأخير في الإدخال (FID)
- التحول في التخطيط التراكمي (CLS)
لذلك ، أنت بحاجة إلى التركيز على تحسين هذه النتائج. لقد أعددت دليلاً مفصلاً عن حيوية الويب الأساسية بحيث يمكنك التحقق من كيفية عمله وكيفية تحسينها.
هل تعلم أن التأخير لمدة ثانية واحدة في سرعة تحميل الصفحة يمكن أن يتسبب في حدوث ذلك
11٪ عدد مشاهدات أقل للصفحة
16٪ انخفاض في رضا العملاء
7٪ خسارة في التحويلات
أفضل وقت لتحميل موقع ويب هو ثانيتان أو أقل. في الواقع ، يقوم 40٪ من الأشخاص بالضغط على زر الرجوع إذا استغرقت الصفحة 3 ثوانٍ أو أكثر.
لذا ، فإن سرعة الصفحة مهمة جدًا لتحسين الترتيب جنبًا إلى جنب مع التحويلات الأفضل.
خطوات لتسريع موقع Blogger
1. استخدم سمة Blogger سريعة التحميل
تعتمد سرعة موقع Blogger في الغالب على الموضوع. لهذا السبب يجب عليك استخدام مظهر خفيف الوزن ممتاز على موقع الويب الخاص بك.
اختر السمة سريعة الاستجابة والمحسّنة بشكل صحيح للأجهزة المحمولة. لا يتم تحسين السمات المجانية بشكل عام للحصول على سرعة أفضل ، ولهذا السبب من الأفضل الاستثمار في سمة مميزة.
2. تحسين صور مدونتك
تأخذ الصور عمومًا نصف حجم صفحتك الإجمالي وهو السبب الرئيسي لبطء الصفحات. لهذا السبب يجب عليك تحسين صورك قبل تحميلها على مدونتك.
كما تعلم ، لا تمتلك Blogger أداة آلية لتحسين الصور. لذلك ، يجب عليك تحسين كل صورة من منشور مدونتك يدويًا.
أفضل تنسيق للصورة موصى به هو .webp الذي يوفر ضغطًا أفضل من تنسيقات .PNG و .JPG كما أنه مصمم خصيصًا لصفحات الويب.
كيفية تحويل الصور إلى تنسيق webp؟
يمكنك تحويل صورك إلى تنسيق webp باستخدام أداة مجانية عبر الإنترنت تسمى Online JPG to WebP Converter بواسطة ezgif.com.
أنا شخصياً أستخدم هذه الأداة لتحويل جميع صوري على موقع Blogger وهي تعمل بشكل مثالي. معدل ضغط هذه الأداة جيد جدًا. يمكنه ضغط صور PNG العادية إلى حوالي 60-65 بالمائة دون فقد الجودة.
يستخدم ضغط ضياع وهو الأفضل لمواقع المدونات.
3. قم بالحد من عدد المنشورات على الصفحة الرئيسية
لزيادة سرعة تحميل موقع blogger الخاص بك ، تحتاج إلى الحد من عدد المنشورات على الصفحة الرئيسية. كلما زاد عدد المنشورات التي تحتوي عليها صفحتك الرئيسية ، سيتطلب تحميل المزيد من الصور ، لذا يجب عليك تقييدها.
يمكنك استخدام الأزرار القابلة للتوسيع لتحميل المزيد من المشاركات في الشاشة الرئيسية.
على سبيل المثال ، إذا انتقلت إلى صفحتي الرئيسية ، فسترى 8 منشورات في البداية ، وعندما تنقر فوق تحميل المزيد من المنشورات ، فسيتم تحميل 8 منشورات أخرى.
كيف تحد من عدد المنشورات على موقع بلوجر؟
انتقل إلى لوحة تحكم Blogger الخاصة بك وانقر فوق قسم التخطيط.
ابحث الآن عن المشاركات الرئيسية [منشورات المدونة الافتراضية] وانقر على زر التحرير.
الآن سترى خيار تغيير عدد المنشورات على الصفحة الرئيسية. غيّر القيمة واحفظها.
4. تقليل عدد أدوات المدونة
تعتمد سرعة المدونين أيضًا على عدد الأدوات المستخدمة على موقع الويب. لذا ، حاول تجنب الكثير من الأدوات في الشريط الجانبي واحتفظ بالأهم منها.
حاول الحفاظ على تصميم مدونتك نظيفًا وبسيطًا مما يمنح القراء تجربة مستخدم أفضل ويحسن سرعة تحميل موقع الويب الخاص بك.
5. الحد من استخدام الخطوط المخصصة
تأخذ الخطوط أيضًا حجمًا كبيرًا للصفحة وتزيد من عدد طلبات HTTP. لهذا السبب أوصيك باستخدام خط واحد على الأقل على موقع الويب الخاص بك أو خطين كحد أقصى.
يمكنك بسهولة معرفة حجم خط موقع الويب الخاص بك عن طريق إجراء اختبار سرعة الصفحة على Pingdom. كما ترى في الصور أدناه ، تأخذ أكثر من 300 كيلو بايت والتي يمكن تقليلها إلى أقل من 100 كيلو بايت إذا حددنا عدد الخطوط المستخدمة.
6- قلل من أدوات الطرف الثالث
تعمل أدوات الطرف الثالث على إبطاء سرعة موقع الويب الخاص بك بأكثر من 20 بالمائة. لذا ، حاول الحد من عدد أدوات الطرف الثالث واستخدم أكثرها فائدة.
أدوات الطرف الثالث مثل addthis [مشاركة اجتماعية] و Disqus [تعليق] و Facebook Page Plugin وتعليقات Facebook شائعة جدًا في كل موضوع شائع.
من خلال إزالة أدوات الطرف الثالث غير المستخدمة ، يمكن أن يؤدي ذلك إلى تحسن كبير في الأداء على موقع blogger الخاص بك.
7. تنفيذ الجلب المسبق لنظام أسماء النطاقات في Blogger
يمكنك استخدام تقنية الجلب المسبق لنظام أسماء النطاقات لتسريع سرعة تحميل مدونتك قليلاً. تأتي معظم السمات المميزة مثل Galaxymag freebify مع الجلب المسبق لنظام أسماء النطاقات افتراضيًا.
ما هو الجلب المسبق لـ DNS وكيف يتم تنفيذه على Blogger؟
الجلب المسبق لنظام أسماء النطاقات هو تقنية لحل عنوان IP لموقع الويب قبل أن ينقر المستخدم على الرابط الخاص به. إنه يحل مشكلات وقت الاستجابة المرتبطة بحل نظام أسماء النطاقات والذي يمكن أن يضيف عدة ثوانٍ إلى وقت تحميل صفحة الموقع.
يمكنك بسهولة التحقق مما إذا كان الجلب المسبق لنظام أسماء النطاقات قد تم تنفيذه على سمة المدونة الخاصة بك أم لا عن طريق البحث ببساطة عن رمز مثل <link rel = "dns-prefetch" أو عن طريق إجراء اختبار سرعة في رؤية سرعة الصفحة.
صيغة الجلب المسبق لنظام أسماء النطاقات تشبه
إذا لم يتم تنفيذه على المظهر الخاص بك ، فيمكنك إضافته بسهولة إلى سمة المدون الخاصة بك.
لتنفيذ الجلب المسبق لـ DNS في موقع Blogger ، ما عليك سوى نسخ الكود أدناه ولصقه أسفل الرأس كما هو موضح في الصورة أدناه.
رمز الجلب المسبق لـ DNS في Blogger
<link href='//fonts.gstatic.com' rel='dns-prefetch'/>
<link href='//1.bp.blogspot.com' rel='dns-prefetch'/>
<link href='//2.bp.blogspot.com' rel='dns-prefetch'/>
<link href='//3.bp.blogspot.com' rel='dns-prefetch'/>
<link href='//4.bp.blogspot.com' rel='dns-prefetch'/>
<link href='//www.blogger.com' rel='dns-prefetch'/>
<link href='//dnjs.cloudflare.com' rel='dns-prefetch'/>
<link href='//pagead2.googlesyndication.com' rel='dns-prefetch'/>
<link href='//www.googletagmanager.com' rel='dns-prefetch'/>
<link href='//www.google-analytics.com' rel='dns-prefetch'/>
<link href='//connect.facebook.net' rel='dns-prefetch'/>
<link href='//c.disquscdn.com' rel='dns-prefetch'/>
<link href='//disqus.com' rel='dns-prefetch'/>
<link href='//www.w3.org' rel='dns-prefetch'/>
<link href='//www.youtube.com' rel='dns-prefetch'/>
<link href='//feeds.feedburner.com' rel='dns-prefetch'/>يمكنك إضافة المزيد أو حذف بعض المواقع في الكود أعلاه. فقط أضف المواقع الأكثر طلبًا هنا.
سيساعدك هذا على تقليل "الوقت حتى البايت الأول" وتحسين نتيجة سرعة الصفحة.
8. استخدم شبكة توزيع المحتوى [CDN]
تشير شبكة توصيل المحتوى (CDN) إلى التوزيع العالمي للخوادم التي تعمل معًا لتوفير توصيل سريع لمحتوى الإنترنت.
ستؤدي إضافة CDN إلى موقع blogger الخاص بك إلى تحسين سرعة التحميل بشكل كبير حيث تقوم بإنشاء نسخ متعددة من موقع الويب الخاص بك وحفظها في مواقع مختلفة.
لا يحل محل استضافة الويب التقليدية ولكنه يساعد في تخزين المحتوى مؤقتًا على مستوى الشبكة ويساعد في تحسين أداء موقع الويب.
يمكنك استخدام Cloudflare CDN على موقع blogger الخاص بك مجانًا وسيقوم بالمهمة نيابة عنك. إذا كنت لا تعرف كيفية توصيل Blogger بـ Cloudflare ، فأعلمني بذلك في قسم التعليقات.
هناك العديد من الفوائد الأخرى لاستخدام CDN مثل أنه يحمي موقعك من هجمات DDoS ويقلل من وقت البحث عن DNS والمزيد.
9- تصغير CSS و JavaScript و HTML
تتمثل إحدى الممارسات الشائعة لتحسين السرعة في تصغير HTML و CSS وجافا سكريبت المستخدمة في مواقع الويب. هناك العديد من الأساليب لتقليل هذه الأصول ، أحدها في مستوى الموضوع والآخر على مستوى جانب الخادم.
تأتي معظم سمات Blogger المتميزة مع إصدارات مصغرة من HTML و CSS وجافا سكريبت وهي مفقودة بشكل عام في الإصدارات المجانية.
لهذا السبب حاول استخدام سمة الإصدار المتميز على موقع المدون الخاص بك. يمكنك أيضًا تصغيرها باستخدام حساب Cloudflare.
لتقليل تسجيل الدخول إلى HTML و CSS و JS إلى لوحة معلومات Cloudflare وانقر فوق علامة تبويب السرعة. انقر الآن على تحسين وانتقل لأسفل إلى تصغير تلقائي. هنا تحدد جميع العناصر الثلاثة وتنقر فوق حفظ التغييرات.
قم الآن بإجراء اختبار سرعة للتحقق من تحسين أداء موقع blogger الخاص بك.
10- تمكين ضغط Gzip / Brotli
Gzip هي تقنية ضغط البيانات الأكثر شيوعًا والمستخدمة على الويب لتقليل الحجم الإجمالي لصفحات الويب HTML وأوراق الأنماط والبرامج النصية.
نظرًا لأنه في Blogger لا يمكننا الوصول إلى استضافة الويب ، فمن الصعب بعض الشيء تمكين ضغط Gzip عليه ولكن يمكنك تحقيق نفس الشيء باستخدام حساب Cloudflare الخاص بك.
كيف تتحقق مما إذا كان ضغط GZIP ممكّنًا في Blogger أم لا؟
يمكنك بسهولة التحقق مما إذا كان ضغط GZip ممكّنًا على موقع المدون الخاص بنا أم لا عن طريق إجراء اختبار سرعة في إحصاءات سرعة صفحة Google.
ابحث الآن عن تحذير تمكين ضغط النص وإذا لم يتم العثور عليه ، فتحقق منه في قسم التدقيق الذي تم تمريره. إنها أبسط طريقة للتحقق من ضغط Gzip.
يمكنك أيضًا التحقق من ذلك باستخدام أدوات فحص ضغط GZIP المجانية أو اختبار ضغط HTTP.
كيفية تمكين ضغط Gzip على Blogger؟
- قم بتسجيل الدخول إلى حساب Cloudflare الخاص بك
- انتقل إلى علامة تبويب السرعة وانقر على خيار التحسين
- ابحث الآن عن Brotli وقم بتمكين هذا الخيار.
الآن سيعمل كضغط Gzip لموقع المدون الخاص بك.
ما مدى جودة ضغط GZIP؟
يعمل ضغط Gzip مع جميع أنواع الملفات ولكنه مفيد للغاية لضغط ملفات قواعد النصوص مثل HTML و CSS و JS.
تبلغ نسبة ضغطه حوالي 70٪ للملفات الصغيرة ، ولكن يمكن أن يصل إلى 90٪ للأصول الأكبر القائمة على النصوص. يمكنك التحقق من ضغط مكتبات CSS و JS الشهيرة هنا.
Brotli هي طريقة جديدة لضغط البيانات مفتوحة المصدر. في معظم الحالات ، يمكن لـ Brotli ضغط الملفات إلى حجم أصغر من حجم علبة gzip ، وهذا هو السبب في أنها طريقة ضغط أفضل مقارنة بـ gzip.
11.إعطاء الأولوية لمحتوى الجزء المرئي من الصفحة (التحميل البطيء)
يمكنك تحسين سرعة تحميل صفحتك وتجربة المستخدم لقرائك بشكل ملحوظ عن طريق تمكين التحميل البطيء على موقع الويب الخاص بك.
كما تعلم ، تأخذ الصور أكثر من 50 بالمائة من حجم صفحة الويب وتبطئ سرعة تحميل مدونتك.
لنفترض أن منشور مدونتك يحتوي على أكثر من 15 صورة وعندما يزور شخص ما هذا المنشور ، سيحاول المتصفح تحميل جميع الصور قبل عرض أي شيء لقرائك.
لذلك ، يمكنك تعيين تعليمات للمتصفح لتحميل تلك الصورة الموجودة بالفعل في عرض القراء وعندما يتم تحميل جميع الموارد بشكل صحيح ، سيقوم المتصفح بتحميل الباقي واحدة تلو الأخرى.
سيؤدي ذلك إلى تحسين النتيجة الإجمالية الخاصة بك مثل الطلاء الأول المحتوي ، والطلاء الكبير المحتوى والوقت للتفاعل ، وما إلى ذلك.
يمكنك بسهولة تطبيق التحميل البطيء على موقع blogger الخاص بك ببساطة عن طريق إضافة رمز أعلى العلامة </head> مباشرة.
12. استخدم Async / Defer Parsing JavaScript
جافا سكريبت لها تأثير كبير على التحميل الأفضل لصفحة الويب. بشكل عام ، إذا لم تقم بتحسين جافا سكريبت [JS] بشكل صحيح ، فمن الصعب جدًا الحفاظ على سرعة جيدة للصفحة.
هناك 4 طرق يمكن من خلالها تحميل جافا سكريبت على صفحة ويب بتنسيق HTML.
- جافا سكريبت مضمنة
- برنامج نصي خارجي
- البرنامج النصي غير المتزامن
- تأجيل البرنامج النصي
تطبيقات جافا سكريبت المضمنة والخارجية هي طرق قديمة تمنع صفحتك فعليًا أثناء تنزيل ملف JS وتشغيله. لذلك ، أحيانًا يكون لديك خطأ يسمى موارد حظر العرض.
في حين أن البرنامج النصي Async والبرنامج النصي المؤجل أسرع من الطريقتين الأوليين.
في البرنامج النصي غير المتزامن ، يتم تحميل جافا سكريبت في الخلفية ، أثناء عرض ملفات HTML و CSS العادية. ولكن عند اكتمال التنزيل ، سيتم تشغيله لحظر ملفات HTML و CSS.
مثال على نص برمجي غير متزامن:
بتأجيل جافا سكريبت ، لن يحظر ملفات HTML و CSS على الإطلاق ، وعند اكتمال التنزيل ، سيعين JS على قوائم الانتظار وبمجرد الانتهاء من معالجة HTML و CSS ، سيتم تشغيل جافا سكريبت.
هنا مثال على تأجيل جافا سكريبت
الآن لديك بعض الأفكار الأساسية حول كيفية تنفيذ جافا سكريبت على موقع ويب. تستخدم معظم سمات المدون المتميزة نصًا غير متزامن وهو أمر جيد. لكني أوصيك باستخدام Defer javascript لبرنامج AdSense ، لذلك لن يمنع معالجة HTML و CSS.
13. الاستفادة من التخزين المؤقت للمتصفح
يعني التخزين المؤقت وضع شيء ما في المخزن (عادة ما يكون في السر) لفرصة أن يكون مفيدًا في وقت لاحق.
يعمل التخزين المؤقت للمتصفح أيضًا بنفس الطريقة. عندما يزور شخص ما موقع الويب الخاص بك ، سيتم حفظ بعض بياناتك في متصفح المستخدم وإذا قام هذا الشخص مرة أخرى بزيارة موقع الويب الخاص بك ، فسيتم تحميل معظم الأصول محليًا وطلب ملفات قليلة جدًا إلى الخادم.
بهذه الطريقة ، ستزداد سرعة تحميل موقع الويب الخاص بك بشكل كبير للزيارات اللاحقة ويوفر الكثير من النطاق الترددي لخادمك.
يمكنك بسهولة تمكين التخزين المؤقت للمتصفح باستخدام Cloudflare.
14. تقليل عمليات إعادة التوجيه
يمكنك أيضًا تحسين وقت تحميل مدونة blogger عن طريق تقليل عمليات إعادة التوجيه لعنوان URL. يمكنك اتباع بعض أفضل الممارسات لتقليل عمليات إعادة التوجيه الواردة أدناه.
لا تربط مطلقًا بصفحة بها عمليات إعادة توجيه متعددة.
تجنب المكونات الإضافية / البرنامج النصي مع إعادة التوجيه غير الضرورية
قم بفحص موقع الويب الخاص بك بانتظام بحثًا عن عمليات إعادة التوجيه القديمة
15. راقب سرعتك بمرور الوقت
تعد مراقبة التغييرات في وقت تحميل الصفحة أمرًا مهمًا للغاية خاصةً إضافة سمة أو مكونات إضافية أو نص برمجي جديد على موقع المدونة الخاص بك.
يمكنك استخدام العديد من الأدوات عبر الإنترنت مثل إحصاءات سرعة الصفحة من Google ، و GTmetrix ، واختبار سرعة Pingdom لاختبار أداء تحميل موقع الويب الخاص بك.
إليك أحدث تقرير عن اختبار سرعة GTmetrix الخاص بي والذي يمكن تحسينه بشكل أكبر عن طريق إزالة كود Adsense وتحسين جميع الصور السابقة.
استنتاج
كما تعلم ، هناك العديد من العوامل التي تعتمد على سرعة صفحة موقع الويب ، ويعد إصلاح جميع المشكلات أمرًا صعبًا للغاية وقد يؤدي أحيانًا إلى تعطيل تصميم موقع الويب الخاص بك.
لهذا السبب يمكنك الاتصال ببعض المحترفين مثلي لإصلاح جميع مشاكلك وتعزيز سرعة الصفحة لموقعك على Blogger.
آمل أن تساعدك تقنية تحسين السرعة هذه على زيادة سرعة تحميل موقع blogger الخاص بك.
شارك مشاكلك وملاحظاتك في قسم التعليقات وسأحاول حل مشكلتك في أسرع وقت ممكن. شكرا لك.