تقتل السرعة: كيفية مراجعة وتحسين سرعة وأداء موقع الويب الخاص بك

لقد قمت بكل هذا تحسين محركات البحث والتحويل على موقع WordPress الخاص بك.

أنت تحصل على روابط خلفية ، والمحتوى الخاص بك رائع ، وصفحاتك محسّنة ، وتسحب المراجعات ، ولديك CTA مقنع ، ولديك الكثير من قوائم الأعمال الدقيقة. موقع الويب الخاص بك رائع. عمل فني حقا!

... لكن الإبرة لا تتحرك. لماذا ا؟ قد يكون التفسير أكثر وضوحًا مما تعتقد. ربما يكون موقعك بطيئًا.

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

أرى هذه المشكلة طوال الوقت بين المسوقين ووكالات التسويق. نحن من من المفترض أن "نفهم ذلك" ، وأن نكون من أوائل المستخدمين لأفضل الممارسات مثل تحسين سرعة صفحة موقع الويب. ومع ذلك ، تنص أداة PageSpeed ​​Insights من Google على خلاف ذلك حول العديد من مواقع الويب الرائعة والمحسّنة لتحسين محركات البحث والمحملة بالمحتوى.

نحن جميعا بحاجة إلى القيام بعمل أفضل.

لهذا السبب تقرأ هذا الآن ، دعنا نصل إليه!

جدول المحتويات

ما هي سرعة الصفحة؟

كيفية تحديد سرعة الصفحة الخاصة بك والنتيجة

لماذا تعتبر سرعة الصفحة مهمة؟

1. السرعة تقتل تجربة المستخدم

2. السرعة تقتل كبار المسئولين الاقتصاديين

3. السرعة تقتل التحويلات

كيف يمكنك جعل موقع الويب الخاص بك يتم تحميله بشكل أسرع؟ 8 تكتيكات

4 دراسات حالة سرعة الموقع

كيف تقوم بالتدقيق وتحسين سرعة الموقع

1. احصل على خط أساس لنتائج التخطيط

2. العمل من خلال 8 خطوات

3. اسحب المساعدة عند الحاجة

4. ابق ملتزمًا بسرعة الموقع والمضي قدمًا

كيفية الاستفادة من سرعة الموقع لزيادة المبيعات

ما هي سرعة الصفحة؟

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

في الواقع ، يتوقع ما يقرب من نصف مستخدمي الويب تحميل موقع ما في ثانيتين أو أقل ، ويميلون إلى التخلي عن موقع لم يتم تحميله في غضون 3 ثوانٍ ، وفقًا للاستطلاعات التي أجراها Akamai و Gomez.com.

القراءة ذات الصلة: 58 إحصائيات مخيفة لمواقع الويب

لذا فإن 3 ثوان هي الحد الأدنى للسرعة التي يمكن أن يتحملها الزائر العادي. هل موقع الويب النموذجي على مستوى المهمة؟ استخدمت Pingdom عملائها كمصدر للبيانات ووجدت أن الإجابة بالنسبة لهم كانت لا مدوية.

بين عملاء Pingdom ، كان متوسط ​​وقت تحميل صفحات الويب 3 ميجا بايت 5 ثوانٍ. الطريق بطيء جدا.

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

• إذا تم تحميل موقعك في 5 ثوانٍ ، فسيكون أسرع من 25٪ تقريبًا من الويب
• إذا تم تحميل موقعك في 2.9 ثانية ، فهو أسرع من حوالي 50٪ من الويب
• إذا تم تحميل موقعك في 1.7 ثانية ، فهو أسرع من 75٪ تقريبًا من الويب
• إذا تم تحميل موقعك في 0.8 ثانية ، فهو أسرع من 94٪ تقريبًا من الويب

إذن كيف يمكنك تحديد كيفية تكدس موقع الويب الخاص بك؟

كيفية تحديد سرعة الصفحة الخاصة بك والنتيجة

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

1. انتقل إلى تقارير سرعة موقع Google Analytics لموقعك على الويب. سيعطيك هذا فكرة عن أداء موقعك على مدار فترات زمنية مختلفة ، وسرعة تحميل كل صفحة من صفحاتك.
2. أدخل عنوان URL لموقعك في أداة PageSpeed ​​Insights من Google. سيعطيك هذا بطاقة تقرير عن أداء سرعة موقع الويب الخاص بك على الأجهزة المحمولة وسطح المكتب. يأتي التقرير مع بعض الإجراءات الموصى بها التي يمكنك اتخاذها لتحسين سرعة موقعك.
3. تحقق من اختبار سرعة موقع Pingdom لمعرفة السرعة والرتبة والنسبة المئوية أسرع من متوسط ​​مواقع Pingdom التي تم اختبارها
4. ستوفر GTMetrix نظرة شاملة على حالة تحسين سرعة موقعك.

ملاحظة: لا تحير نفسك عندما ترى توقيت سرعة مختلف في Pingdom و Gtmetrix. نظرًا لأن Pingdom سيوضح لك وقت التحميل (الوقت المستغرق لإظهار النتيجة الأولى لموقع الويب الخاص بك - وهذا ما تحسبه Google ويجب عليك أيضًا) وسيُظهر لك GTmetrix وقت التحميل الكامل (الوقت المستغرق لإظهار الصفحة الكاملة مع أنها ممتلئة تشغيل وظيفة). لمزيد من الفهم ، من الجيد دائمًا رؤية الشلال السريع من كلتا الأداتين.

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

القراءة ذات الصلة: كيفية تسريع موقع WordPress للجوال الخاص بك

لماذا تعتبر سرعة الصفحة مهمة؟

إن سد الفجوة بين توقعات المستخدم (ثانيتان) ومتوسط ​​وقت تحميل موقع الويب (5 ثوانٍ) هو هدف تحسين سرعة الصفحة والتكتيكات التي سنحددها لاحقًا. ولكن لماذا بالضبط سرعة الصفحة مهمة؟ يتعلق الأمر بثلاثة أسباب رئيسية مترابطة:

1. السرعة تقتل تجربة المستخدم

ربما تكون تجربة المستخدم هي أهم سبب يجب أن تهتم بسرعة موقع الويب ، لذلك سنبدأ من هنا.

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

هل أنت كبير بما يكفي لتتذكر هذا الصوت الجميل؟

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

في حديثه عن "المبادئ الذهبية العشرة لتطبيقات الويب الناجحة" ، لاحظ رائد الأعمال والمدون فريد ويلسون ،

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

أسهل طريقة للتفكير في هذا هو كيفية التنقل في مواقع الويب وما هي توقعاتك لمعظم المواقع. هل تجلس هناك وتتحمل أوقات التحميل البطيئة؟ ما هو انطباعك عن موقع ويب يستغرق وقتًا طويلاً في التحميل؟

القراءة ذات الصلة: دليل من 10 خطوات سهل الاستخدام لإنشاء مواقع ويب للأعمال التجارية الصغيرة

2. السرعة تقتل كبار المسئولين الاقتصاديين

تجربة المستخدم هي في الواقع القوة الدافعة وراء آثار تحسين محركات البحث على سرعة الموقع.

يشرح إدوين تونين من Yoast ،

تظهر أحدث الأبحاث التي أجرتها Google أن فرصة الارتداد تزيد بنسبة 32٪ عندما ينتقل وقت تحميل الصفحة من 1 إلى 3 ثوانٍ. من 1s إلى 5s يزيد من الفرصة إلى 90٪ وإذا استغرق موقعك ما يصل إلى 10 ثوانٍ للتحميل ، تزداد فرصة الارتداد إلى 123٪. هذا غير معقول بالنسبة لمحركات البحث ، تعتبر النتائج والأداء الأفضل علامة على صحة الموقع الذي يرضي العملاء ، وبالتالي يجب أن يكافأ بترتيب أعلى ".

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

3. السرعة تقتل التحويلات

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

على سبيل المثال ، أجرت SOASTA مؤخرًا دراسة على أحد عملائها mPulse ، وهو تاجر تجزئة رائد على الإنترنت يتمتع بقدر كبير (4.5 مليون جلسة) من حركة مرور الهاتف المحمول.

فيما يلي النتائج الرئيسية التي توصلوا إليها:

1. من حيث التحويلات ، كان الأداء الجيد 2.4 ثانية
2. شهدت الصفحات التي كانت أسرع بثانية واحدة زيادة في معدل التحويل بنسبة 27٪
3. في 4.2 ثانية ، انخفض متوسط ​​معدل التحويل إلى أقل من 1٪
4. بعلامة 6 ثوانٍ ، يبدأ معدل تحويل الجوّال في الاستقرار

مصدر الصورة: SOASTA

التداعيات واضحة جدا. تؤدي أوقات تحميل الصفحة البطيئة إلى الإضرار بمعدل التحويل. لذا فإن المنطق الاستنتاجي لـ Sherlock-esque يشير إلى أن التركيز على زيادة سرعة الموقع يجب أن يزيد من معدل التحويل!

دعونا نرى ما إذا كان بإمكاننا تحقيق ذلك.

كيف يمكنك جعل موقع الويب الخاص بك يتم تحميله بشكل أسرع؟ 8 تكتيكات

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

ومع ذلك ، قد تتطلب المواقع الكبيرة والأقدم التي تحتوي على الكثير من التعليمات البرمجية والمحتوى بعض المثابرة وتنفيذ العديد من التكتيكات في القائمة التالية.

إليك من أين تبدأ:

1. الاستفادة من التخزين المؤقت للمتصفح:

عند زيارة المواقع ، غالبًا ما يخزن متصفحك صفحات الموقع مؤقتًا لتسريع وقت التحميل.

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

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

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

ملاحظة: يلاحظ مادي عثمان ، خبير إستراتيجي محتوى تحسين محركات البحث ، أن "W3 Total Cache يعد أمرًا رائعًا لهذا الغرض ولكنه محظور من مضيفين معينين (مثل GoDaddy). يحتاج إلى يد خبير لتكوينه حتى لا تكسر موقع الويب الخاص بك ".

هيريس كيفية القيام بذلك

2. تحسين الصور:

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

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

هيريس كيفية القيام بذلك

3. تصغير HTML و CSS و JavaScript:

يزيل التصغير أي أحرف غير ضرورية غير مطلوبة لتنفيذ الكود.

تتضمن مصادر البيانات المكررة التي يمكنك إزالتها تعليقات التعليمات البرمجية والتنسيق ، وإزالة التعليمات البرمجية غير المستخدمة ، واستخدام أسماء المتغيرات والوظائف الأقصر ، والمزيد.

هيريس كيفية القيام بذلك

4. تمكين ضغط gzip:

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

وفقًا لـ GTMetrix ،

"السبب وراء عمل gzip جيدًا في بيئة الويب هو أن ملفات CSS وملفات HTML تستخدم الكثير من النصوص المكررة وتحتوي على الكثير من المسافات. نظرًا لأن gzip يضغط السلاسل الشائعة ، فقد يؤدي ذلك إلى تقليل حجم الصفحات وأوراق الأنماط بنسبة تصل إلى 70٪! "

هيريس كيفية القيام بذلك

5. تقليل وقت استجابة الخادم:

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

تقول Google أنه يجب عليك تقليل وقت استجابة الخادم الخاص بك إلى أقل من 200 مللي ثانية. إذن كيف تجعل هذا يحدث؟

هيريس كيفية القيام بذلك

6. تجنب عمليات إعادة توجيه الصفحة المقصودة:

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

فيما يلي بعض الأمثلة على عمليات إعادة التوجيه التي يمكن أن تؤدي إلى إبطاء الأمور:

example.com → m.example.com/home - عقوبة متعددة ذهابًا وإيابًا لمستخدمي الجوّال.
example.com → www.example.com → m.example.com - تجربة جوّال بطيئة جدًا.

هيريس كيفية القيام بذلك

7. إعطاء الأولوية للمحتوى المرئي:

هذه هي الرسالة الدقيقة التي ستتلقاها من أداة PageSpeed ​​من Google عندما تكون هناك حاجة إلى رحلات ذهاب وإياب إضافية للشبكة لعرض محتوى الجزء المرئي من الصفحة.

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

هيريس كيفية القيام بذلك

8. تخلص من حظر جافا سكريبت و CSS في محتوى الجزء المرئي من الصفحة:

غالبًا ما تمنع موارد JavaScript و CSS صفحتك من العرض حتى يتم تحميلها بالكامل. غالبًا ما تكون هذه فكرة جيدة ، نظرًا لأن العرض السابق لأوانه لمحتوى الجزء المرئي من الصفحة قد يبدو بشعًا جدًا.

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

هيريس كيفية القيام بذلك

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

دراسة حالة: تسريع مدونة Vendasta

لذلك أكتب هذا المنشور حول سرعة الموقع ، حتى مع وجود Vendasta عند 44/100 لسرعة الهاتف المحمول (تحديث: نحن في 77/100 بعد ثلاثة أشهر!) و 60/100 لسرعة سطح المكتب.

صدقني ، أدرك أنه قد يكون هناك سؤال حول مصداقية الشارع هنا. ومع ذلك ، هناك ما هو أكثر من قصتنا مما تخبرك به أداة رؤى Google.

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

ومع ذلك ، فنحن لسنا الوحيدين الذين يعانون من سرعة الموقع! تشترك الكثير من المواقع رفيعة المستوى في نفس التحديات التي نواجهها. في الواقع ، حتى HubSpot لديه أيضًا عمل يجب القيام به لتحسين أداء موقعه وفقًا لأداة PageSpeed ​​Insights من Google:

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

كما ذكرت أعلاه ، يمكن أن يكون لكل تحسين نقوم به لتسريع الأمور نتائج أسية.

يلاحظ آدم بيسونيتي ، خبير التسويق في Vendasta ،

"كان التغيير الكبير بالنسبة لنا هو العناصر الموجودة على جانب الخادم - فنحن في وضع فريد في تشغيل موقع الويب الخاص بنا على Wordpress في AppEngine (لا أحد يفعل ذلك) وكانت التعزيزات الكبيرة في الأداء تتحول من AppEngine Standard إلى AppEngine Flex الذي كان في الإصدار التجريبي. لقد غيّرنا أيضًا إصدار php الخاص بنا من 5 إلى 7 والذي ساعد أيضًا كثيرًا. أدى تحديث php إلى مجموعة من المشاكل الخاصة به حيث لم تعد بعض المكونات الإضافية تعمل وكان علينا التعامل مع هذا التداعيات لمدة شهر أو شهرين ولكن السرعة كانت أكثر قيمة من الوظيفة المفقودة . "

ما يمكنك استخلاصه من هذا هو أن إيجاد أفضل حل لموقفك المحدد هو المفتاح. قد تجد تلك التكتيكات التي تحرك إبرة موقعك التي لم نذكرها هنا حتى!

ألق نظرة على نمو مدونتنا بعد بدء جهود سرعة موقعنا في مايو 2016:

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

سيتحسن الأداء فقط مع استمرارنا في تحسين سرعة موقعنا وتحسين تجربة المستخدم لدينا!

نصيحة أساسية: لست بحاجة إلى تسجيل 100/100 لتجربة النمو على موقع الويب الخاص بك.

إذا كنت في 40/100 ، فقم بإجراء بعض التحسينات كما يسمح الوقت وقم بالتصوير بنسبة 60/100. لا تحرق نفسك في إطلاق النار على 100/100 على الفور!

دراسة حالة: iHeartRaves

iHeartRaves هي شركة رائدة عالميًا في أزياء المهرجانات وتتمثل مهمتها في إلهام الإبداع الفردي وتمكين التعبير عن الذات. من خلال الجمع بين علامتيهما الشقيقتين الأخريين ، تحقق متاجر Shopify الخاصة بهم 20 مليون دولار سنويًا وقد ظهرت في Inc. 5000 لأربع سنوات متتالية.

كموقع للتجارة الإلكترونية ، فإن iHeartRaves يدرك بوضوح التداعيات المالية لضعف سرعة وأداء موقع الويب.

أخبرني براندون تشوب ، محلل التسويق الرقمي في iHeartRaves ،

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

عرف براندون أنه يجب عليه تحسين سرعة الموقع لمساعدة الأعمال التجارية على تحقيق أهداف نمو إيراداتها. لقد تناول تحسينات سرعة iHeartRaves باستخدام التكتيكات التالية:

1. تحسين الصور: من أجل ضمان تحميل موقع الجوال الخاص بنا بسرعة ، نستخدم تطبيق Shopify يسمى Crush.pics. يضمن هذا تحسين جميع صورنا لسرعة الموقع مع الاحتفاظ بجودة الصورة.
2. تصغير الكود: اتخذنا أيضًا خطوات لتقليل جميع التعليمات البرمجية السائلة وترتيب تحميل البرنامج النصي ذي الأولوية مع تقليل العدد الإجمالي للنصوص التي يتم استدعاؤها.
3. تنظيف الأصول في الصفحة: ساعدت إزالة الأصول غير الضرورية في بعض الصفحات مع تقليل أصول الصور على الآخرين في تقليل وقت تحميل الموقع أيضًا. نحاول الموازنة بين السرعة والمحتوى ، لأننا موقع للتجارة الإلكترونية. من المهم جدًا بالنسبة لنا التأكد من أن جودة صورتنا تتوافق مع معاييرنا مع الحفاظ على تجربة مستخدم رائعة لعملائنا.

لقد تحسنت نتائج سرعة تحميل الصفحة ومعدل الارتداد بالفعل بفضل هذه التحديثات: "منذ إجراء التغييرات ، انخفضت سرعة موقعنا من 10.25 إلى 6.86 ثانية سنويًا (انخفاض بنسبة 65٪) ، وانخفض معدل الارتداد بنسبة 6٪ ، يوضح براندون . "كان في الأصل عند 40.34٪ وهو الآن منخفض إلى 34٪."

تُرجمت هذه التحسينات أيضًا إلى نتائج مالية ملموسة لـ iHeartRaves. "لقد استفدنا في Google من الحصول على موقع سريع للجوّال لأن معدل التحويل لدينا قد زاد عامًا بعد عام بفضل جزء كبير من سرعة موقعنا المتناقصة. من خلال وضع تجربة المستخدم الخاصة بالعميل أولاً ، تمكنا من الاحتفاظ بعملائنا وجعلها تجربة تسوق أسهل في كل مكان. "

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

معًا ، يمكن أن يؤدي الاثنان إلى تحسينات في المقياس الوحيد الذي يحكمهم جميعًا: التحويلات!

دراسة حالة: جبير 6 ثوان و 40 نقطة تحسين

شارك متخصص تحسين محركات البحث في Vendasta ، Jubaer Prodhan ، مثالًا تابع فيه أداة Pagespeed Insight من Google لموقعه الخاص مع بعض النتائج الرائعة.

يلاحظ جبير ، "في حالتي ، لديّ موقع ويب ووردبريس بزمن تحميل يزيد عن 8 ثوانٍ ، ودرجة GPI (Google PageSpeed ​​Insight) تبلغ 43. لقد فعلت الأشياء التالية لتحسين سرعة الموقع.":

1. تحسين الصورة: إذا تم إجراؤه بشكل صحيح ، فيمكنه تقليل حجم الصفحة وسرعتها بشكل كبير. في حالتي ، انخفض حجم الصفحة من 3 ميغا بايت إلى 1.6 ميغا بايت. البرنامج المساعد المستخدم: ShortPixel Image Optimizer (يمكنك أيضًا تحسين الصور باستخدام هذه الأداة)
2. تصغير الكود: في كثير من الأحيان نستخدم ملحقات ووردبريس متعددة لاحتياجاتنا المختلفة. ما لا ندركه هو أن معظمهم يضيفون CSS / HTML / Javascript إضافيًا إلى موقعك. مما يزيد من وقت التحميل وطلب المتصفح. يعد التصغير (إزالة الأسطر والرموز الإضافية) حلاً سهلاً لذلك. البرنامج المساعد المستخدم: التحسين التلقائي
3. ذاكرة التخزين المؤقت للمتصفح: يوصى باستخدام ذاكرة التخزين المؤقت للمتصفح من قبل معظم الأدوات الرئيسية. كما أنه يقلل من النطاق الترددي ووقت التحميل للزائر العائد والعديد من الأشياء المفيدة الأخرى. البرنامج المساعد المستخدم: WP Fastest Cache

يتم الآن تحميل موقع جبير في 1.9 ثانية وكانت نتيجة GPI 83! هذا تحسن كبير من 8 ثوانٍ ودرجة GPI تبلغ 43.

نصيحة أساسية : يمكن للمواقع الإلكترونية الصغيرة أن ترى تحسينات ملحوظة في السرعة من خلال بعض التغييرات الرئيسية.

حاول العمل من خلال قائمة جبير لبدء الأمور ومعرفة النتائج التي تحصل عليها قبل الشروع في التكتيكات التالية.

القراءة ذات الصلة: الإضافات 7 WordPress SEO: مجموعتك المحلية الجديدة

دراسة حالة: كيف حققت شركة واحدة 100/100 على أداة PageSpeed ​​من Google

الحصول على 100/100 هو مؤشر على أن موقعك مُحسّن للسرعة قدر الإمكان. إنه الهدف النهائي ، وقد أوضحت إحدى الشركات التي تحدثت معها بعض التكتيكات الداخلية التي ساعدتهم على الوصول إلى هناك.

بريت بونيه ، المالك المشارك / المؤسس لشركة Quality Logo Products وهي موزع بقيمة 40 مليون دولار للمنتجات الترويجية تقع في شيكاغو ، إلينوي. يشرح ،

"سرعة الصفحة هي التركيز الرئيسي لمنظمتنا. على الرغم من أنها صغيرة جدًا ، إلا أنها لا تزال إشارة تصنيف. أظهرت الدراسات أن سرعة الصفحة يمكن أن يكون لها تأثير كبير على أداء التحويل. الطريقة الأكثر فعالية لتحسين وقت تحميل موقع الويب الخاص بك هي العمل مع تحميل الأصول ، مما يسمح بعرض محتوى "الجزء المرئي من الصفحة" بالكامل قبل تحميل CSS / JS. عدم تحسين تحميل محتوى "الجزء المرئي من الصفحة" يمكن أن يؤدي إلى خصم 10 نقاط في النتيجة الإجمالية لـ Google Page Speed ​​Insights. "

[clickToTweet tweet = "عدم تحسين تحميل محتوى الجزء المرئي من الصفحة يمكن أن يؤدي إلى خصم 10 نقاط في النتيجة الإجمالية لـ Google #PageSpeed ​​Insights." quote = "عدم تحسين تحميل محتوى الجزء المرئي من الصفحة يمكن أن يؤدي إلى خصم 10 نقاط في النتيجة الإجمالية لـ Google #PageSpeed ​​Insights."]

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

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

تمكنت Quality Logo Products من تسريع الأمور وتحقيق ذلك 100/100 باستخدام التكتيك التالي:

"للتغلب على هذا ، قمنا بتسجيل عناوين IP التي يزحف Google من خلالها وعناوين IP المصدر لهذه الأدوات وجعلنا خوادمنا تخدم عن قصد إصدارات Google من صفحاتنا دون تثبيت شفرة التتبع الخاصة بها. إنه أمر غريب نوعًا ما ، لكن Google تضر بنتيجة Google Page Speed ​​Insight الخاصة بنا. لذلك للتغلب عليها ، لا نخدم Google عن قصد الشفرة غير المحسّنة الخاصة بها ، مما يؤدي إلى تحسين بمعدل 5 نقاط في نتيجة سرعة صفحتنا في المتوسط ​​".

الوجبات الجاهزة الرئيسية: النتيجة 100/100 قابلة للتحقيق!

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

كيف تقوم بالتدقيق وتحسين سرعة الموقع

1. احصل على خط أساس لنتائج التخطيط

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

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

إليك بعض الأشياء التي يجب عليك تتبعها:

1. وقت تحميل الموقع: انتقل إلى تقرير تحليلات Google إلى القائمة ← السلوك ← سرعة الموقع ← نظرة عامة (وتوقيتات الصفحة لمشاهدة الصفحات الفردية). سجل متوسط ​​وقت تحميل صفحة الموقع وأي صفحات رئيسية تريد تتبعها. يمكنك أيضًا استخدام أدوات Pingdom و GTMetrix المذكورة أعلاه.
2. نتائج Google PageSpeed ​​الخاصة بموقعك على الويب: ما عليك سوى النقر هنا وإدخال عنوان URL لموقع الويب الخاص بك والتحقق من نتائج الهاتف المحمول وسطح المكتب. سجل هذه.
3. معدل الارتداد: تحقق مما إذا كان معدل الارتداد قد تحسن أم لا ، مما يشير إلى أن عددًا أقل من الأشخاص يتنقلون بعيدًا عن الموقع بعد عرض صفحة واحدة فقط. يمكنك عرض هذا في عدد من الأماكن ، مثل السلوك → نظرة عامة.
4. معدل التحويل: هل يقوم الزوار بالتحويل بمعدل أعلى بعد التحسينات التي أجريتها؟ هذا مهم للتتبع! توجه إلى التحويلات ← الأهداف ← نظرة عامة لعرض وتسجيل معدل التحويل الحالي.

احتفظ بسجلات تقدمك في جدول بيانات وتأكد من ملاحظة التغييرات التي طرأت على موقع الويب في Google Analytics عن طريق إنشاء تعليقات توضيحية لكل تحديث.

2. العمل من خلال 8 خطوات

أفضل مكان لبدء التدقيق هو الاقتراحات التي تقدمها أداة PageSpeed ​​Insights من Google. إذا لم تكن في 100/100 بالفعل ، فسترى بعض النصائح من Google حول من أين تبدأ.

العمل من خلال الخطوات الثماني لتحسين سرعة الموقع التي أبرزناها سيستغرق بعض الوقت والمثابرة كما ذكرت.

يلاحظ مايك هندريكس ، خبير تحسين محركات البحث في Yoast ،

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

عليك أن تضع بعض الأهداف والتوقعات الواقعية. عندما يكون لديك مواقع كبيرة ومتعددة الأوجه بها الكثير من المحتوى (الرائع!) مثلنا في Vendasta و Hubspot ، فسوف يستغرق الأمر مزيدًا من الوقت لتحقيق نفس الأهداف لموقع صغير ذكي به صفحات قليلة.

3. اسحب المساعدة عند الحاجة

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

نعلم جميعًا ونحسد المعالجات التقنية. دعهم يفعلوا هذا من أجلك!

أخبرني Pius Boachie من Digitimatic أن مطور المكدس الكامل هو المفتاح للمساعدة في مشكلات سرعة الموقع:

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

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

القراءة المقترحة: لا داعي للمطورين: لماذا تحتاج إلى منشئ موقع White Label

4. ابق ملتزمًا بسرعة الموقع والمضي قدمًا

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

لا تحاول أن تفعل كل ذلك مرة واحدة! لتجنب الإرهاق ، ضع خطة للتخلص منها أثناء مراقبة نتائج جهودك.

إليك كيفية الاستفادة من سرعة الموقع لزيادة المبيعات

افكار اخيرة

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

هذا هو الأهم. الاستعداد للمستقبل السريع لتصفح الإنترنت.

إذا كنت بحاجة إلى مساعدة ، فاتصل بأصدقائك الفني أو أخبرنا كيف يمكننا المساعدة!

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