كشف أسرار تحسين محركات البحث: تقديم الدليل النهائي لسرعة موقع الويب

السرعة مهمة لكل من المستخدمين ومُحسّنات محرّكات البحث: لا أحد يريد الانتظار عدة ثوانٍ حتى يتم تحميل موقع ويب. يفضل المستخدمون مغادرة موقعك والذهاب إلى أحد المنافسين بدلاً من قضاء الوقت في الانتظار. إن اقتباس "الوقت هو المال" صحيح الآن كما كان عندما قاله بنجامين فرانكلين قبل قرون. الوقت مهم أيضًا لـ Google. السرعة هي أحد عوامل الترتيب في Google. كل الأشياء متساوية ، كلما كان موقع الويب أسرع ، زادت المرتبة. وليس هناك من يجادل في أن امتلاك موقع ويب سريع ليس ضرورة في الوقت الحاضر. السؤال هو: كيف تجعل موقعك أسرع؟ مؤلفنا الضيف في "فك أسرار تحسين محركات البحث" هو توميك رودزكي ، رئيس فريق البحث والتطوير في Elephate ، الحائز على "أفضل وكالة تحسين محركات بحث صغيرة" في حفل توزيع جوائز البحث الأوروبي 2018. يقدم Rudzi نصائح حول تسريع موقع الويب الخاص بك والفوز.

يتضمن هذا الدليل الشامل لسرعة موقع الويب ثلاث مقالات. اقرأ المنشورات التالية هنا: الدليل النهائي لسرعة موقع الويب - الجزء 2 والدليل النهائي لسرعة موقع الويب - الجزء 3.

دراسة سرعة الصفحة المجانية

1. الوقت هو المال

هناك الكثير من الأبحاث التي تشير إلى حقيقة أن موقع الويب الأسرع يساوي المزيد من الإيرادات.

• أدركت Pinterest أن تقليل أوقات الانتظار المتصورة أدى إلى زيادة عدد الاشتراكات بنسبة 15٪ .
• لاحظت بي بي سي أنه في كل ثانية يتم تحميل موقعها على الإنترنت ، يغادر 10٪ من المستخدمين.
• حقق DoubleClick by Google في أن تقليل تحميل الصفحة من 19 (أقصى!) إلى 5 ثوانٍ أدى إلى انخفاض معدلات الارتداد بنسبة 35٪ وجلسات أطول بنسبة 70٪.
• كشفت دراسة أمازون أن ثانية واحدة فقط من تباطؤ تحميل موقع الويب يمكن أن تؤدي إلى انخفاض المبيعات بمقدار 1.6 مليار كل عام.

قد تقول ، "حسنًا ، لكنني لا أهتم بموقع Pinterest أو BBC أو Amazon ؛ تحدث معي عن عملي ". ابتكرت Google أداة رائعة تحسب تأثير السرعة على الإيرادات المحتملة . لقد ملأت الأداة بمثال البيانات: متوسط ​​الزائرين شهريًا 1،000،000 ، معدل التحويل 3.26٪ ، بمتوسط ​​قيمة الطلب 82 دولارًا.

قد تسأل ، "توميك ، لماذا اخترت هذه البيانات: 3.26 معدل التحويل ، ولكن ليس 1٪ أو 4٪ ، أو حتى 10٪؟" حسنًا ، حصلت على البيانات من Statista. وفقًا لتقاريرهم ، بلغ متوسط ​​قيمة طلبات التسوق عبر الإنترنت في الولايات المتحدة في الربع الرابع من عام 2017 (بالدولار الأمريكي) 82. علاوة على ذلك ، كان متوسط ​​معدل التحويل 3.26.

يبدو أن تقليل سرعة تحميل الصفحة من 5 ثوانٍ إلى 2.8 ثانية قد يؤدي إلى زيادة 1.97 مليون دولار في الإيرادات سنويًا. يبدو ذلك جيدا!

بالطبع ، إنها مجرد آلة حاسبة. لكن الآلة الحاسبة تعتمد على بيانات حقيقية. لا أعتقد أن Google تضيف بضعة أصفار في نهاية القيمة المحسوبة لجعلها تبدو جادة.

2. فكر دائمًا في مستخدمي الجوال

وفقًا لـ Statcounter ، في فبراير 2018 ، كان أكثر من 55٪ من المستخدمين يتصلون بالإنترنت عبر الهاتف المحمول أو الجهاز اللوحي - إحصائيات رائعة!

في الوقت الحاضر ، إذا كنت ترغب في إرضاء مستخدمي الهاتف المحمول ، فيجب عليك:

• تأكد من أن موقع الويب الخاص بك يعمل بشكل جيد على الهاتف المحمول (أي إذا كان مستجيبًا)
• جعل موقع الويب سريعًا حقًا.

يجب أن تضع في اعتبارك أن مستخدمي الهواتف المحمولة غالبًا ما يكون لديهم اتصالات ضعيفة ويستخدمون أجهزة منخفضة الجودة ، لذا فإن كل كيلو بايت يتم إرساله عبر "السلك" مهم حقًا. قد يعمل موقع الويب الخاص بك بسرعة على جهاز كمبيوتر شخصي ، مع جميع الإضافات ، ولكنه قد يكون بطيئًا حقًا على الأجهزة المحمولة. واحتمالات حصولك على الأول لم تعد في صالحك.

3. استخدم GTMetrix

هناك أداة رائعة تخبرك بما يمكنك تحسينه لجعل موقع الويب الخاص بك أسرع. يمكنك تدقيق أي موقع على شبكة الإنترنت مجانا. ليس عليك أن تكون مالك موقع ويب لبدء عملية تدقيق (على سبيل المثال ، لقد قمت بتدقيق Giphy.com). تجمع الأداة بين البيانات والتلميحات من Google PageSpeed ​​Insights و Yahoo Slow.

يستحق وقتك أن تذهب إلى https://gtmetrix.com/ واكتب عنوان URL لموقعك على الويب.

يمكنك الاطلاع على قائمة التوصيات حول كيفية تحسين سرعة موقع الويب الخاص بك عن طريق النقر فوق علامة التبويب "PageSpeed" أو علامة التبويب "YSlow".

في الوقت الحالي ، قد لا يكون الكثير من المعلومات الواردة في علامات التبويب هذه مفهومة لأنها تقنية للغاية. هذا جيّد. روما لم تبنى في يوم واحد. سأبذل قصارى جهدي لتبدأ. هناك قسم مثير للاهتمام يسمى "الشلال" يظهر لك بالضبط متى تم تنزيل وتحميل الموارد (ملفات JS & CSS ، ملفات الصور).

أوصي بشدة بالحصول على حساب GTMetrix (مجاني!). يمكن للمستخدمين المسجلين تخصيص الاختبار وتغيير موقع المتصفح والخادم. علاوة على ذلك ، بمجرد تسجيل الدخول ، يمكنك تمكين خيار "إنشاء فيديو". خيار الفيديو رائع. يُظهر لك المدة التي سيتعين على المستخدمين انتظارها حتى يتمكنوا من رؤية التغييرات المرئية على موقع الويب الخاص بك.

لكن لا تكن مجنونًا مع GTMetrix

على الرغم من أن GTMetrix أداة رائعة ، إلا أن توصياتها قد تقودك في بعض الأحيان إلى مطاردة جامحة. لا حرج في GTMetrix. إنها فقط أنه لا توجد قاعدة "مقاس واحد يناسب الجميع" عند تحسين السرعة - وهو شيء تدركه GTMetrix جيدًا:

على سبيل المثال ، توصي GTMetrix بأن تقوم بتعيين التخزين المؤقت للمستعرض للموارد المخزنة على Google Analytics أو خادم Facebook. في الحقيقة ، هذه الموارد خارجة عن سيطرتك - لا يمكنك فعل أي شيء . قرر مطورو Google و Facebook أنه ، لأي سبب كان ، لا ينبغي تخزين هذه الموارد مؤقتًا لفترة طويلة من الزمن.

بالطبع ، هناك العديد من الأدوات المشابهة لـ GTMetrix ، مثل WebPageTest ، (وهي أقوى بكثير من GTMetrix). ومع ذلك ، قررت أن أقدم لكم GTMetrix لسببين:

1. GTMetrix هو أكثر سهولة في الاستخدام
2. لا يمنحك WebPageTest توصيات واضحة بشأن ما يجب القيام به.

أود أن أذكر أداة أخرى مثيرة للاهتمام - Google Lighthouse (إذا كنت تستخدم Chrome ، فقد قمت بالفعل بتثبيته). كتبت Kamila Spodymek من Elephate مقالة رائعة حول كيفية استفادة مُحسّنات محرّكات البحث من مقاييس أداء Google Lighthouse . بالتأكيد قراءة جيدة!

4. استخدم ضغط GZIP

هناك قاعدة واحدة يجب أن تعرفها: إذا كان حجم المورد أقل ، يمكن للمتصفح تنزيله بشكل أسرع ، مما يؤدي إلى تحميل أسرع للصفحة . سوف يستفيد مستخدمو المحمول حقًا منه.

يمكنك تقليل حجم الملفات النصية (مثل HTML و SVG و CSS و JS) من خلال تطبيق ضغط GZIP. من الشائع جدًا أن يوفر ضغط GZIP 70-80٪ من حجم المورد ، دون فقد أي معلومات. إنها حقًا صفقة كبيرة!

قم بزيارة https://checkgzipcompression.com/ للتحقق من عدد الكيلو بايت التي يمكنك حفظها (أو حفظها بالفعل!) من خلال تطبيق GZIP. في حالة Searchmetrics.com ، يتم تمكين GZIP (يسمح بتوفير 83٪ من حجم الصفحة). يبدو ذلك جيدا!

كن حذرا ، مع ذلك! في بعض الأحيان ، يرتكب مشرفو المواقع خطأ ويضغطون جميع الملفات الثابتة ، بما في ذلك صور JPEG و PNG وملفات PDF. اسمحوا لي أن أقتبس من وثائق شبكة مطوري Yahoo مكتوب : "يجب عدم ضغط ملفات الصور و PDF بصيغة gzip لأنها مضغوطة بالفعل. لا تؤدي محاولة gzip إلى إهدار وحدة المعالجة المركزية فحسب ، بل يمكن أن تؤدي أيضًا إلى زيادة أحجام الملفات ".

إذا كنت تريد حفظ كيلوبايت إضافية ، فمن الجيد أيضًا تصغير ملفات HTML و JS و CSS .

5. خدمة الصور تحجيم

إنها حقيقة أن موقع الويب سيتم تحميله ببطء شديد (خاصة على الهواتف المحمولة!) بسبب وجود عدد كبير من الصور.

لذلك ، قد يكون من الجيد في بعض الأحيان تقليل عدد الصور. ولكن بدلاً من تقييدها ، أوصي بتحسين الموجودة منها . بقول ذلك ، يجب تحجيم الصور التي يتم عرضها للمستخدمين وضغطها (إما بدون فقد أو فقدان).

أولاً ، دعنا نتحدث عن تحجيم الصور. لنفترض أن هناك عشر صور مصغرة 220 × 220 لكل صفحة ، لكنك قمت بتحميل 800 × 800 صورة إلى الخادم. هل يجب أن تقدم الصور التي تم تحجيمها بالفعل للمستخدمين ، أو تجبر المتصفح على توسيع نطاقها "بسرعة"؟

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

6. ضغط الصور الخاصة بك

الآن ، لنتحدث عن ضغط الصور. هذه تقنية أخرى ضرورية للويب الحديث.

بشكل عام ، هناك نوعان من ضغط الصور:

• بلا خسارة (يقوم بعمل جيد حقًا ، يمكنك التأكد من أن الجودة لن تتأثر).

• فقدان (عادةً ما يجعل الصورة خفيفة الوزن ، ولكن كما يقول الاسم: تفقد بعض الجودة).

السؤال الذي يطرح نفسه: ما هو نوع الضغط الأفضل: ضياع أو ضياع؟

• انها حقا تعتمد على الموقف. إذا كان موقع الويب الخاص بك يوفر صورًا للفضاء الخارجي ، فإن كل التفاصيل مهمة. ولكن إذا قمت بإنشاء مدونة شخصية ، فمن المحتمل أن تكون على ما يرام مع ضغط البيانات المفقودة ، حتى مع معدل الضغط المرتفع. أوصي بأن تقوم بالتجربة لمعرفة الإعدادات التي تناسب موقع الويب الخاص بك بشكل أفضل.

7. لا تجبر زوار هاتفك المحمول على تنزيل صور عالية الدقة بالكامل!

مستخدمو الهواتف المحمولة لديهم شاشات أصغر بكثير ولن يستفيدوا ببساطة من صورك عالية الدقة. بدلاً من ذلك ، سوف يغضبون إذا أجبرتهم على تنزيل صور كبيرة.

دعنا نفحص مثال Elephate.com . لدينا صورة كبيرة جدًا (2600 × 1463 بكسل) لأعضاء شركتنا أعلى صفحتنا الرئيسية (522 كيلوبايت)

إنه جيد تمامًا لأجهزة سطح المكتب - يمكنهم تنزيله بسرعة كبيرة. ولكن بالنسبة لمستخدمي الجوال ، نستخدم معلمات "srcset" في HTML. بفضل تنفيذ ذلك ، سيقوم مستخدمو الأجهزة المحمولة ببساطة بتنزيل صورة أصغر بكثير (لا يحتاجون إلى صورة أكبر) مما يكون له تأثير إيجابي على وقت تحميل الصفحة.

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