8 طرق لتحسين سرعة أداء موقع الويب الخاص بك بنسبة (80%)
بسم الله الرحمن الرحيم ..
اهتمت Google مؤخرًا بمواقع الويب من حيث سرعة الموقع. سنشرح كيفية تحسين سرعة موقعك من مدونة Weblogger. سنعرف معًا ما هي عواقب التأخير لمدة ثانية واحدة عند تحميل الموقع. هل تعلم كيف يؤثر تحسين سرعة الموقع على الزيارات ، سنعرف ما هو وقت تحميل الصفحة المناسب ، وكيفية التحقق من سرعة موقعك بالإضافة إلى تمكين ضغط GZIP وغيرها. اتبع الشروحات.
عواقب التأخير لمدة ثانية واحدة في وقت تحميل الصفحة:
11٪ أقل مشاهدة للصفحة
16٪ انخفاض في رضا العملاء
7٪ فقدان الوصلة الخلفية
يمكن أن يكون لبضع ثوانٍ إضافية تأثير كبير على قدرتك على جذب الزوار وتحقيق المبيعات. هذا يعني أن امتلاك موقع سريع أمر ضروري ، ليس فقط للحصول على مرتبة جيدة مع Google ، ولكن أيضًا للحفاظ على نتائجك.
هل تعتقد أن تسريع موقع الويب الخاص بك ليس مهمًا؟ فكر مرة اخرى.!
في الواقع ، يتوقع 47٪ من المستهلكين تحميل مواقع الويب في ثانيتين أو أقل. و 40٪ سيغادرون الصفحة الأمر الذي يستغرق ثلاث ثوان أو أكثر.
إذا استغرق تحميل موقعك أكثر من ثلاث ثوانٍ ، فستفقد نصف زوار موقعك تقريبًا قبل وصولهم إلى موقعك. إنها ضربة للزائرين المحتملين: وبالنسبة للزوار الذين قرروا البقاء ، فإن أوقات التحميل البطيئة يمكن أن تمنعهم من العودة في المستقبل. في أحد الاستطلاعات ، قال 79٪ من العملاء إنهم لن يعودوا إلى موقع ذي أداء ضعيف.
في نفس الاستطلاع ، قال 52٪ من المتسوقين إن التحميل السريع للصفحة مهم لثقة مواقعهم ، وقال 44٪ إنهم أخبروا أصدقائهم بالتجارب السيئة على الموقع. وجد هذا الاستطلاع أيضًا أن التأخير لمدة ثانية واحدة يمكن أن يقلل من رضا العملاء بحوالي 16٪. أحد أفضل الأمثلة على ذلك هو أن وول مارت قام بتحسين التحويلات والأرباح بعد زيادة سرعة موقعه.
خلال التحليل الأولي ، وجدوا أن الزوار الذين أجروا التحويل تلقوا صفحات يتم تحميلها بسرعة مضاعفة مثل الزوار الذين لم يجروا تحويلاً. أظهر هذا أنه كلما زادت سرعة الصفحة ، زاد احتمال قيام الزائر بعملية شراء. التالي: مقابل كل ثانية من التحسن في سرعة موقع الويب ، لاحظوا زيادة بنسبة 2٪ في حركة المرور. لكل 100 مللي ثانية من التحسين ، قم بزيادة الدخل الإضافي حتى 1٪.
في دراسة أخرى ، أظهرت العلاقة بين أوقات التنزيل ومعدلات التحويل انخفاضًا بنسبة 25٪ في معدلات التحويل مع ثانية واحدة إضافية من وقت التنزيل.
من الواضح أن بذل الجهد لزيادة سرعة موقعك - ولو لثانية واحدة - يمكن أن يكون له تأثير كبير على التحويلات.
كيف تعرف ما الذي يقتل تحويلاتك كيف تؤثر سرعة موقع الويب الخاص بك على الرؤية؟ الآن وقد أخذ Google في الاعتبار السرعة عند تصنيف المواقع ، يمكن أن تؤثر أوقات التحميل أيضًا على مدى سهولة عثور الأشخاص عليك في المقام الأول.
هذا صحيح بشكل خاص الآن لأنه ينشئ فهرس الجوال أولاً. في ديسمبر 2017 ، بدأ محرك البحث في تصنيف جميع نتائج البحث بناءً على إصدارات الصفحة على أجهزة الجوال.
فاق عدد عمليات البحث على الأجهزة المحمولة عدد عمليات البحث على سطح المكتب لأول مرة في عام 2015 ، ويستمر نصيبها من إجمالي عمليات البحث في النمو. هذا يعني أنه من مصلحة Google توفير نتائج البحث لمستخدمي الجوال. لا يريدون توجيه مستخدميهم إلى المواقع التي لا يتم تحميلها أو أداءها بشكل جيد على أجهزتهم ونتيجة لذلك ، ستلعب تجربة مستخدم الهاتف المحمول الآن دورًا رئيسيًا في تصنيفات البحث ، حتى في نتائج البحث. أبحاث الكمبيوتر.
هذا هو عكس طريقة عمل الفهرس تمامًا: لطالما كانت تجربة المستخدم عاملاً كبيرًا في الترتيب ، ولكن قبل هذا التغيير كانت تعتبر تجربة سطح المكتب فقط. لذا ، حتى إذا كان موقع ما يتمتع بتجربة جوّال سيئة ، فلا يزال أمامه فرصة للترتيب في الصفحة الأولى.
ليس هذا هو الحال الآن - تتم فهرسة الصفحات وترتيبها بناءً على التجربة التي تقدمها لمستخدمي الأجهزة المحمولة ، لذلك إذا كنت ترغب في الحفاظ على (أو تحسين) ترتيبك وظهورك ، فمن الضروري تعرف على كيفية تقليل وقت تحميل موقع الويب. يجب أن يكون لديك موقع يوفر تجربة مستخدم سريعة وسهلة - على أي متصفح أو حجم شاشة.
لقد أجريت اختبار سرعة الموقع ووجدت أن وقت التحميل بطيء للغاية. (إذا كنت لا تعرف كيفية تشغيل اختبار سرعة الموقع ، فسأشرح ذلك لاحقًا في هذه المقالة) يمكن أن يكون هناك عدد من الأسباب وراء تأخير وقت تحميل موقعك. يمكن أن يتراوح هذا من وقت تحميل الخادم إلى حجم الصورة إلى عدد عمليات إعادة التوجيه لديك.
هذا يعني أن هناك العديد من الخطوات التي يمكنك اتخاذها لتحسين سرعة الصفحة. سننظر في 20. ولكن قبل أن نبدأ في استكشاف الأخطاء وإصلاحها لتحسين أداء موقع الويب ، يجب أن يكون لديك شيء تهدف إليه. دعنا نلقي نظرة على ما يعتبر وقت تحميل جيد ، وسنقدم لك صورة.
قبل أن تبدأ العمل على سرعة موقعك ، من الجيد تحديد هدف حيث تريده. قد يكون هذا صعبًا إذا لم تكن متأكدًا من سرعة الصفحة المقبولة من Google ، وأفضل ممارسة هي ثلاث ثوانٍ. لسوء الحظ ، وفقًا لنتائج أحدث تقرير مرجعي ، فإن معظم المواقع لا تقترب حتى من ذلك.
في تحليل 900000 صفحة مقصودة لإعلانات الجوال تغطي 126 دولة ، وجدت Google أن 70٪ من الصفحات التي تم تحليلها استغرقت ما يقرب من سبع ثوانٍ لعرض المحتوى المرئي في طية الصفحة لجميع الصناعات المشمولة ، كان متوسط. بل إنه يقترب من أفضل الممارسات الموصى بها وهي ثلاث ثوانٍ.
متوسط وقت التحميل الكامل للصفحة المقصودة للجوال هو 22 ثانية، ولكن تم إسقاط 53٪ من حركة المرور إذا كان الموقع المحمول يأخذ أكثر من ثلاث ثوان لتحميل، وزيادة وقت تحميل الصفحة. من ثانية إلى عشر ثوان ، يزداد. 123٪ احتمال ارتداد مستخدم الهاتف المحمول
هذا يعني أن مالكي المواقع بشكل عام لديهم الكثير من العمل الذي يتعين عليهم القيام به لجعل مواقعهم متساوية في نظر Google ، ولكن من الناحية الإيجابية ، فهذا يعني أيضًا أنك إذا بذلت جهدًا للوصول بسرعة إلى مستوى مقبول بموقعك. ، فأنت بذلك تتقدم على تجربة المستخدم أثناء قيامك بذلك. من خلال تحسين موقعك ، يمكنك استخدام توصيات Google ومعاييرها لتحديد أهدافك وقياس أدائك بعد كل شيء - كأكبر محرك بحث في العالم ، يمكن أن يكون لـ Google تأثير كبير على نجاحك.
هناك العديد من العوامل التي تؤثر على وقت تحميل كل صفحة على موقعك ، لذلك هناك العديد من الخطوات المختلفة التي يمكنك اتخاذها لزيادة سرعتك وتحسين تجربة المستخدم في هذه المقالة ، وسوف نتجاوز أكثر من 8 نصائح وأفضلها الممارسات التي يمكنك استخدامها لتقليل أوقات التحميل وتحسين أداء موقعك. .
وإذا كان هذا الرقم يبدو كثيرًا بالنسبة لك ، فلا تقلق. في حين أن كل من هذه النصائح يمكن أن تساعدك على تحسين سرعة موقعك، فإنك لا تحتاج للقيام بها جميعا اليوم. في الواقع ، إذا كنت قد عملت على تحسين سرعة موقعك في الماضي ، فقد يكون موقعك متوافقًا بالفعل مع بعض من أفضل الممارسات مع وضع ذلك في الاعتبار ، فلنبدأ.
1. تصغير طلبات HTTP
وفقًا لـ Yahoo ، يتم إنفاق 80 ٪ من وقت تحميل صفحة الويب في تنزيل أجزاء مختلفة من الصفحة ، مثل الصور وأوراق الأنماط والنص. يتم إجراء طلب HTTP لكل عنصر من هذه العناصر ، لذلك كلما زاد عدد المكونات الموجودة في الصفحة ، زاد الوقت الذي تستغرقه الصفحة. عرض.
سيؤدي تقليل هذا العدد من الطلبات إلى تسريع موقعك ، وفحص ملفاتك ومعرفة ما إذا كانت هناك حاجة إلى أي منها. قد لا تلاحظ أي شيء على الفور ، ولكن من المحتمل أن يكون بعضها أفضل المرشحين للتجميع - هذا ما سنعود إليه في الخطوات التالية.
2. تقليص ودمج الملفات
الآن بعد أن عرفت عدد الطلبات التي يشاهدها موقعك ، يمكنك العمل على تقليل هذا العدد. أفضل مكان للبدء هو ملفات HTML و CSS و JavaScript. هذه ملفات مهمة جدًا لأنها تحدد مظهر موقعك وتضيف إلى عدد الطلبات التي يقدمها موقعك في كل مرة يزورها المستخدم. يمكنك تقليل هذا الرقم عن طريق "تصغير" ودمج ملفاتك. هذا يقلل من حجم كل ملف ، وكذلك العدد الإجمالي للملفات.
هذا مهم بشكل خاص إذا كنت تستخدم منشئ مواقع الويب النموذجي. هذه تجعل من السهل إنشاء موقع ويب ، ولكن في بعض الأحيان يقومون بإنشاء تعليمات برمجية فوضوية يمكن أن تبطئ موقعك بشكل كبير. يتضمن تصغير الملفات إزالة التنسيق غير الضروري والمسافة البيضاء والرمز. حيث أن كل جزء غير ضروري من التعليمات البرمجية يضيف في حجم صفحتك ، من المهم استبعاد المسافات الزائدة وفواصل الأسطر والمسافات البادئة. هذا يضمن أن تكون صفحاتك خفيفة قدر الإمكان.
دمج الملفات هو بالضبط ما يبدو عليه. إذا كان موقعك يشغل عدة ملفات CSS وجافا سكريبت ، فيمكنك دمجها في ملف واحد.
عندما يتعلق الأمر بموقع الويب الخاص بك ، فإن الأفضل هو صغير. كلما قل عدد العناصر الموجودة في الصفحة ، قل عدد طلبات HTTP التي سيحتاجها المتصفح لعرض الصفحة - وكلما زادت سرعة تحميلها.
3. استخدم التحميل غير المتزامن لملفات CSS و JavaScript
بمجرد تصغير بعض ملفاتك ودمجها ، يمكنك أيضًا تحسين طريقة تحميلها على صفحاتك. يمكن تحميل البرامج النصية مثل CSS و JavaScript بطريقتين مختلفتين: بشكل متزامن أو غير متزامن إذا تم تحميل البرامج النصية الخاصة بك بشكل متزامن ، يتم تحميلها واحدة تلو الأخرى ، بالترتيب الذي تظهر به. على الصفحة. إذا تم تحميل البرامج النصية الخاصة بك بشكل غير متزامن ، فسيتم تحميل بعضها في وقت واحد.
يمكن أن يؤدي تنزيل الملف غير المتزامن إلى تسريع صفحاتك لأنه عندما يقوم المتصفح بتحميل صفحة ما ، فإنه يرتفع وينخفض إذا وصل إلى ملف CSS أو JavaScript غير متزامن ، فإنه سيتوقف عن التحميل حتى يتم تحميل هذا الملف المحدد بالكامل . إذا لم تتم مزامنة هذا الملف نفسه ، يمكن للمتصفح الاستمرار في تحميل العناصر الأخرى على الصفحة في نفس الوقت.
4. تأخير تحميل JavaScript
يعني تأخير الملف منعه من التنزيل حتى يتم تنزيل عناصر أخرى. إذا قمت بتأخير الملفات الكبيرة ، مثل JavaScript ، فإنك تتأكد من إمكانية تحميل باقي المحتوى الخاص بك دون تأخير. لمزيد من المعلومات ، راجع هذا البرنامج التعليمي حول تأخير تحميل JavaScript.
كيفية تأخير تحميل JavaScript
يعني تأخير جافا سكريبت الحقيقي أن تحميل جافا سكريبت أو الزحف هذا لا يبدأ إلا بعد تحميل محتوى الصفحة (مما يعني أنه لن يؤثر على سرعة الصفحة أو مسار العرض الحرج).
باستخدام حدث "onload" ، نسمي جافا سكريبت خارجيًا
لن يتم تحميل JavaScript خارجي حتى يتم تحميل محتوى الصفحة
سيتم بعد ذلك تشغيل JavaScript خارجي والتأثير على الصفحة
يشرح
يعد تأخر جافا سكريبت أحد تلك المشكلات على الويب التي قد تجعلك ترغب في التخلص من شعرك في محاولة لاكتشاف حل ، يقول العديد من الأشخاص "استخدم التأخير فقط" أو "استخدم فقط غير متزامن" أو يقول آخرون "فقط ضع جافا سكريبت في أسفل الصفحة" ولكن لا أحد منهم يحل مشكلة السماح بتحميل صفحة ويب كاملة ، ثم (وبعد ذلك فقط) تحميل الغرباء الشباب.
لن يتجاوزوا تحذير "تأخير تحميل JavaScript" الذي تلقيته من Google Page Speed Tool. هذا الحل سوف. برنامج نصي لاستدعاء ملف JavaScript خارجي. يجب وضع هذه الشفرة في HTML قبل علامة </body> مباشرة (تقريبًا في آخر كود في النموذج).
يختار معظم مالكي مواقع الويب الجدد أرخص خيار استضافة ممكن. في حين أن هذا كافٍ في البداية ، فمن المحتمل أنك ستحتاج إلى الترقية بمجرد أن تبدأ في الحصول على المزيد من الزيارات. لا تبخل على مضيفك ، اختر مضيفًا يمكنك الوثوق به.
عند البحث عن مكان للإقامة ، لديك ثلاثة خيارات مختلفة:
الاستضافة المشتركة
استضافة VPS - VPS
خادم مخصص
الاستضافة المشتركة هي الخيار الأرخص ويمكنك غالبًا الحصول عليها مقابل خمسة دولارات شهريًا. في حين أنه أمر جيد للمواقع ذات حركة المرور المنخفضة ، إلا أن الاستضافة المشتركة تكافح من أجل مواكبة الارتفاع المفاجئ في حركة المرور والمواقع ذات الحجم الكبير ، وقد يتأثر موقعك بحركة المرور من المواقع الأخرى التي تستخدم نفس الخادم. انه انت. باستخدام الاستضافة المشتركة ، يمكنك مشاركة بعض الموارد مثل وحدة المعالجة المركزية ومساحة القرص وذاكرة الوصول العشوائي مع المواقع الأخرى المستضافة على نفس الخادم.
باستخدام استضافة VPS ، لا تزال تشارك خادمًا مع مواقع أخرى ، ولكن لديك أجزاء مخصصة من موارد الخادم. إنه اختيار جيد بين. إنه يحمي موقعك من أي شخص على الخادم الخاص بك دون التكلفة المطلوبة لاستضافة مخصصة. لذلك يمكنك التفكير في الاستضافة المخصصة على أنها امتلاك منزل. لا تشارك الموارد مع أي شخص آخر وأنت مسؤول عن جميع أعمال الصيانة.
مع خادم مخصص لديك مساحة أكبر بكثير - ولكن لديك أيضًا الكثير من العمل الذي يجب القيام به من حيث التكوين والتثبيت الفني. إذا كنت بحاجة إلى مساحة كبيرة وتريد التحكم الكامل في الاستضافة الخاصة بك ، هذا هو أفضل رهان.
كما قد تكون خمنت ، هذا هو الخيار الأكثر تكلفة إذا كنت في مرحلة تؤدي فيها مستويات حركة المرور الخاصة بك إلى إبطاء أوقات استجابة الخادم ، فقد حان الوقت للتبديل من الاستضافة. مشتركة مع VPS ، أو من VPS إلى خادم مخصص.
6. قم بفحص الضغط
من مصلحتك أن تكون ملفاتك صغيرة بقدر الإمكان دون التضحية بالجودة. كلما كانت ملفاتك أصغر ، زادت سرعة تنزيلها - وسيتم تقليل أوقات التنزيل الإجمالية. غالبًا ما يزيد حجم الصفحات التي تحتوي على الكثير من الصور والمحتويات الأخرى عن 100 كيلوبايت. ونتيجة لذلك ، فهي كبيرة وبطيئة في التنزيل.
يمكنك تسريع أوقات التنزيل عن طريق ضغطها. لمعرفة كيفية تسريع ضغط موقعك ، يمكنك استخدام GIDNetwork لإجراء تدقيق الضغط. ما عليك سوى إدخال عنوان URL الخاص بك والنقر فوق "تحقق".
7. تنشيط الضغط
كلما كانت ملفاتك أصغر ، زادت سرعة تحميل صفحاتك. يعد ضغط الملفات أحد أسهل الطرق لتقليل أوقات التحميل ، كما أن تمكين الضغط باستخدام Gzip هو ممارسة قياسية اليوم. Gzip هو تنسيق ملف وتطبيق برمجي يحدد بشكل أساسي سلاسل من التعليمات البرمجية المماثلة في ملفاتك النصية ثم يستبدلها مؤقتًا لتقليل أحجام الملفات. HTML لأن هذه الملفات تحتوي عادةً على تعليمات برمجية زائدة ومسافات بيضاء.
يمكن لمعظم خوادم الويب ضغط الملفات بتنسيق Gzip قبل إرسالها للتنزيل ، إما عن طريق الاتصال بوحدة تابعة لجهة خارجية أو باستخدام إجراءات مضمنة. وفقًا لـ Yahoo ، يمكن أن يقلل ذلك من وقت التنزيل بحوالي 70٪ ، وبما أن 90٪ من حركة الإنترنت اليوم تمر عبر متصفحات تدعم Gzip ، فهو خيار رائع لتسريع موقعك. تفعيل ضغط gzip في Blogger
8. تمكين التخزين المؤقت للمتصفح
عند زيارة موقع ويب ، يتم تخزين عناصر الصفحة التي تزورها على محرك الأقراص الثابتة في ذاكرة تخزين مؤقت أو تخزين مؤقت. وهذا يعني أنه في المرة التالية التي تزور فيها الموقع ، يمكن لمتصفحك تحميل الصفحة دون الحاجة إلى إرسال طلب HTTP آخر إلى الخادم.
في المرة الأولى التي يصل فيها شخص ما إلى موقع الويب الخاص بك ، يجب عليه تنزيل مستند HTML وأوراق الأنماط وملفات JavaScript والصور قبل أن يتمكن من استخدام صفحتك. يمكن أن يمثل هذا ما يصل إلى 30 مكونًا و 2.4 ثانية.
إذا كان لديك موقع HTML ثابت ، فيمكنك تمكين التخزين المؤقت في ملف htaccess الخاص بك. يمكنك إضافة سطور من التعليمات البرمجية تخبر المتصفحات بما يجب تخزينه في ذاكرة التخزين المؤقت والمدة التي ستبدو هكذا
غير مخصص لأصحاب بلوجر
8 طرق لتحسين سرعة موقع الويب الخاص بك (80٪)
اهتمت Google مؤخرًا بمواقع الويب من حيث سرعة الموقع. سنشرح كيفية تحسين سرعة موقعك من مدونة Weblogger. سنعرف معًا ما هي عواقب التأخير لمدة ثانية واحدة عند تحميل الموقع. هل تعلم كيف يؤثر تحسين سرعة الموقع على الزيارات ، سنعرف ما هو وقت تحميل الصفحة المناسب ، وكيفية التحقق من سرعة موقعك بالإضافة إلى تمكين ضغط GZIP وغيرها. اتبع الشروحات.
عواقب التأخير لمدة ثانية واحدة في وقت تحميل الصفحة:
11٪ أقل مشاهدة للصفحة
16٪ انخفاض في رضا العملاء
7٪ فقدان الوصلة الخلفية
يمكن أن يكون لبضع ثوانٍ إضافية تأثير كبير على قدرتك على جذب الزوار وتحقيق المبيعات. هذا يعني أن امتلاك موقع سريع أمر ضروري ، ليس فقط للحصول على مرتبة جيدة مع Google ، ولكن أيضًا للحفاظ على نتائجك.
هل تعتقد أن تسريع موقع الويب الخاص بك ليس مهمًا؟ فكر مرة اخرى.!
كيف يؤثر تحسين سرعة الموقع على حركة المرور؟
في الواقع ، يتوقع 47٪ من المستهلكين تحميل مواقع الويب في ثانيتين أو أقل. و 40٪ سيغادرون الصفحة الأمر الذي يستغرق ثلاث ثوان أو أكثر.
إذا استغرق تحميل موقعك أكثر من ثلاث ثوانٍ ، فستفقد نصف زوار موقعك تقريبًا قبل وصولهم إلى موقعك. إنها ضربة للزائرين المحتملين: وبالنسبة للزوار الذين قرروا البقاء ، فإن أوقات التحميل البطيئة يمكن أن تمنعهم من العودة في المستقبل. في أحد الاستطلاعات ، قال 79٪ من العملاء إنهم لن يعودوا إلى موقع ذي أداء ضعيف.
في نفس الاستطلاع ، قال 52٪ من المتسوقين إن التحميل السريع للصفحة مهم لثقة مواقعهم ، وقال 44٪ إنهم أخبروا أصدقائهم بالتجارب السيئة على الموقع. وجد هذا الاستطلاع أيضًا أن التأخير لمدة ثانية واحدة يمكن أن يقلل من رضا العملاء بحوالي 16٪. أحد أفضل الأمثلة على ذلك هو أن وول مارت قام بتحسين التحويلات والأرباح بعد زيادة سرعة موقعه.
خلال التحليل الأولي ، وجدوا أن الزوار الذين أجروا التحويل تلقوا صفحات يتم تحميلها بسرعة مضاعفة مثل الزوار الذين لم يجروا تحويلاً. أظهر هذا أنه كلما زادت سرعة الصفحة ، زاد احتمال قيام الزائر بعملية شراء. التالي: مقابل كل ثانية من التحسن في سرعة موقع الويب ، لاحظوا زيادة بنسبة 2٪ في حركة المرور. لكل 100 مللي ثانية من التحسين ، قم بزيادة الدخل الإضافي حتى 1٪.
في دراسة أخرى ، أظهرت العلاقة بين أوقات التنزيل ومعدلات التحويل انخفاضًا بنسبة 25٪ في معدلات التحويل مع ثانية واحدة إضافية من وقت التنزيل.
من الواضح أن بذل الجهد لزيادة سرعة موقعك - ولو لثانية واحدة - يمكن أن يكون له تأثير كبير على التحويلات.
كيف تعرف ما الذي يقتل تحويلاتك كيف تؤثر سرعة موقع الويب الخاص بك على الرؤية؟ الآن وقد أخذ Google في الاعتبار السرعة عند تصنيف المواقع ، يمكن أن تؤثر أوقات التحميل أيضًا على مدى سهولة عثور الأشخاص عليك في المقام الأول.
هذا صحيح بشكل خاص الآن لأنه ينشئ فهرس الجوال أولاً. في ديسمبر 2017 ، بدأ محرك البحث في تصنيف جميع نتائج البحث بناءً على إصدارات الصفحة على أجهزة الجوال.
فاق عدد عمليات البحث على الأجهزة المحمولة عدد عمليات البحث على سطح المكتب لأول مرة في عام 2015 ، ويستمر نصيبها من إجمالي عمليات البحث في النمو. هذا يعني أنه من مصلحة Google توفير نتائج البحث لمستخدمي الجوال. لا يريدون توجيه مستخدميهم إلى المواقع التي لا يتم تحميلها أو أداءها بشكل جيد على أجهزتهم ونتيجة لذلك ، ستلعب تجربة مستخدم الهاتف المحمول الآن دورًا رئيسيًا في تصنيفات البحث ، حتى في نتائج البحث. أبحاث الكمبيوتر.
هذا هو عكس طريقة عمل الفهرس تمامًا: لطالما كانت تجربة المستخدم عاملاً كبيرًا في الترتيب ، ولكن قبل هذا التغيير كانت تعتبر تجربة سطح المكتب فقط. لذا ، حتى إذا كان موقع ما يتمتع بتجربة جوّال سيئة ، فلا يزال أمامه فرصة للترتيب في الصفحة الأولى.
ليس هذا هو الحال الآن - تتم فهرسة الصفحات وترتيبها بناءً على التجربة التي تقدمها لمستخدمي الأجهزة المحمولة ، لذلك إذا كنت ترغب في الحفاظ على (أو تحسين) ترتيبك وظهورك ، فمن الضروري تعرف على كيفية تقليل وقت تحميل موقع الويب. يجب أن يكون لديك موقع يوفر تجربة مستخدم سريعة وسهلة - على أي متصفح أو حجم شاشة.
لماذا موقع الويب الخاص بي بطيء؟
لقد أجريت اختبار سرعة الموقع ووجدت أن وقت التحميل بطيء للغاية. (إذا كنت لا تعرف كيفية تشغيل اختبار سرعة الموقع ، فسأشرح ذلك لاحقًا في هذه المقالة) يمكن أن يكون هناك عدد من الأسباب وراء تأخير وقت تحميل موقعك. يمكن أن يتراوح هذا من وقت تحميل الخادم إلى حجم الصورة إلى عدد عمليات إعادة التوجيه لديك.
هذا يعني أن هناك العديد من الخطوات التي يمكنك اتخاذها لتحسين سرعة الصفحة. سننظر في 20. ولكن قبل أن نبدأ في استكشاف الأخطاء وإصلاحها لتحسين أداء موقع الويب ، يجب أن يكون لديك شيء تهدف إليه. دعنا نلقي نظرة على ما يعتبر وقت تحميل جيد ، وسنقدم لك صورة.
ما هو وقت تحميل الصفحة المناسب؟
قبل أن تبدأ العمل على سرعة موقعك ، من الجيد تحديد هدف حيث تريده. قد يكون هذا صعبًا إذا لم تكن متأكدًا من سرعة الصفحة المقبولة من Google ، وأفضل ممارسة هي ثلاث ثوانٍ. لسوء الحظ ، وفقًا لنتائج أحدث تقرير مرجعي ، فإن معظم المواقع لا تقترب حتى من ذلك.
في تحليل 900000 صفحة مقصودة لإعلانات الجوال تغطي 126 دولة ، وجدت Google أن 70٪ من الصفحات التي تم تحليلها استغرقت ما يقرب من سبع ثوانٍ لعرض المحتوى المرئي في طية الصفحة لجميع الصناعات المشمولة ، كان متوسط. بل إنه يقترب من أفضل الممارسات الموصى بها وهي ثلاث ثوانٍ.
متوسط وقت التحميل الكامل للصفحة المقصودة للجوال هو 22 ثانية، ولكن تم إسقاط 53٪ من حركة المرور إذا كان الموقع المحمول يأخذ أكثر من ثلاث ثوان لتحميل، وزيادة وقت تحميل الصفحة. من ثانية إلى عشر ثوان ، يزداد. 123٪ احتمال ارتداد مستخدم الهاتف المحمول
هذا يعني أن مالكي المواقع بشكل عام لديهم الكثير من العمل الذي يتعين عليهم القيام به لجعل مواقعهم متساوية في نظر Google ، ولكن من الناحية الإيجابية ، فهذا يعني أيضًا أنك إذا بذلت جهدًا للوصول بسرعة إلى مستوى مقبول بموقعك. ، فأنت بذلك تتقدم على تجربة المستخدم أثناء قيامك بذلك. من خلال تحسين موقعك ، يمكنك استخدام توصيات Google ومعاييرها لتحديد أهدافك وقياس أدائك بعد كل شيء - كأكبر محرك بحث في العالم ، يمكن أن يكون لـ Google تأثير كبير على نجاحك.
كيفية تسريع موقع الويب الخاص بك في 2020
هناك العديد من العوامل التي تؤثر على وقت تحميل كل صفحة على موقعك ، لذلك هناك العديد من الخطوات المختلفة التي يمكنك اتخاذها لزيادة سرعتك وتحسين تجربة المستخدم في هذه المقالة ، وسوف نتجاوز أكثر من 8 نصائح وأفضلها الممارسات التي يمكنك استخدامها لتقليل أوقات التحميل وتحسين أداء موقعك. .
وإذا كان هذا الرقم يبدو كثيرًا بالنسبة لك ، فلا تقلق. في حين أن كل من هذه النصائح يمكن أن تساعدك على تحسين سرعة موقعك، فإنك لا تحتاج للقيام بها جميعا اليوم. في الواقع ، إذا كنت قد عملت على تحسين سرعة موقعك في الماضي ، فقد يكون موقعك متوافقًا بالفعل مع بعض من أفضل الممارسات مع وضع ذلك في الاعتبار ، فلنبدأ.
1. تصغير طلبات HTTP
وفقًا لـ Yahoo ، يتم إنفاق 80 ٪ من وقت تحميل صفحة الويب في تنزيل أجزاء مختلفة من الصفحة ، مثل الصور وأوراق الأنماط والنص. يتم إجراء طلب HTTP لكل عنصر من هذه العناصر ، لذلك كلما زاد عدد المكونات الموجودة في الصفحة ، زاد الوقت الذي تستغرقه الصفحة. عرض.
سيؤدي تقليل هذا العدد من الطلبات إلى تسريع موقعك ، وفحص ملفاتك ومعرفة ما إذا كانت هناك حاجة إلى أي منها. قد لا تلاحظ أي شيء على الفور ، ولكن من المحتمل أن يكون بعضها أفضل المرشحين للتجميع - هذا ما سنعود إليه في الخطوات التالية.
2. تقليص ودمج الملفات
الآن بعد أن عرفت عدد الطلبات التي يشاهدها موقعك ، يمكنك العمل على تقليل هذا العدد. أفضل مكان للبدء هو ملفات HTML و CSS و JavaScript. هذه ملفات مهمة جدًا لأنها تحدد مظهر موقعك وتضيف إلى عدد الطلبات التي يقدمها موقعك في كل مرة يزورها المستخدم. يمكنك تقليل هذا الرقم عن طريق "تصغير" ودمج ملفاتك. هذا يقلل من حجم كل ملف ، وكذلك العدد الإجمالي للملفات.
هذا مهم بشكل خاص إذا كنت تستخدم منشئ مواقع الويب النموذجي. هذه تجعل من السهل إنشاء موقع ويب ، ولكن في بعض الأحيان يقومون بإنشاء تعليمات برمجية فوضوية يمكن أن تبطئ موقعك بشكل كبير. يتضمن تصغير الملفات إزالة التنسيق غير الضروري والمسافة البيضاء والرمز. حيث أن كل جزء غير ضروري من التعليمات البرمجية يضيف في حجم صفحتك ، من المهم استبعاد المسافات الزائدة وفواصل الأسطر والمسافات البادئة. هذا يضمن أن تكون صفحاتك خفيفة قدر الإمكان.
دمج الملفات هو بالضبط ما يبدو عليه. إذا كان موقعك يشغل عدة ملفات CSS وجافا سكريبت ، فيمكنك دمجها في ملف واحد.
عندما يتعلق الأمر بموقع الويب الخاص بك ، فإن الأفضل هو صغير. كلما قل عدد العناصر الموجودة في الصفحة ، قل عدد طلبات HTTP التي سيحتاجها المتصفح لعرض الصفحة - وكلما زادت سرعة تحميلها.
3. استخدم التحميل غير المتزامن لملفات CSS و JavaScript
بمجرد تصغير بعض ملفاتك ودمجها ، يمكنك أيضًا تحسين طريقة تحميلها على صفحاتك. يمكن تحميل البرامج النصية مثل CSS و JavaScript بطريقتين مختلفتين: بشكل متزامن أو غير متزامن إذا تم تحميل البرامج النصية الخاصة بك بشكل متزامن ، يتم تحميلها واحدة تلو الأخرى ، بالترتيب الذي تظهر به. على الصفحة. إذا تم تحميل البرامج النصية الخاصة بك بشكل غير متزامن ، فسيتم تحميل بعضها في وقت واحد.
يمكن أن يؤدي تنزيل الملف غير المتزامن إلى تسريع صفحاتك لأنه عندما يقوم المتصفح بتحميل صفحة ما ، فإنه يرتفع وينخفض إذا وصل إلى ملف CSS أو JavaScript غير متزامن ، فإنه سيتوقف عن التحميل حتى يتم تحميل هذا الملف المحدد بالكامل . إذا لم تتم مزامنة هذا الملف نفسه ، يمكن للمتصفح الاستمرار في تحميل العناصر الأخرى على الصفحة في نفس الوقت.
4. تأخير تحميل JavaScript
يعني تأخير الملف منعه من التنزيل حتى يتم تنزيل عناصر أخرى. إذا قمت بتأخير الملفات الكبيرة ، مثل JavaScript ، فإنك تتأكد من إمكانية تحميل باقي المحتوى الخاص بك دون تأخير. لمزيد من المعلومات ، راجع هذا البرنامج التعليمي حول تأخير تحميل JavaScript.
كيفية تأخير تحميل JavaScript
يعني تأخير جافا سكريبت الحقيقي أن تحميل جافا سكريبت أو الزحف هذا لا يبدأ إلا بعد تحميل محتوى الصفحة (مما يعني أنه لن يؤثر على سرعة الصفحة أو مسار العرض الحرج).
باستخدام حدث "onload" ، نسمي جافا سكريبت خارجيًا
لن يتم تحميل JavaScript خارجي حتى يتم تحميل محتوى الصفحة
سيتم بعد ذلك تشغيل JavaScript خارجي والتأثير على الصفحة
يشرح
يعد تأخر جافا سكريبت أحد تلك المشكلات على الويب التي قد تجعلك ترغب في التخلص من شعرك في محاولة لاكتشاف حل ، يقول العديد من الأشخاص "استخدم التأخير فقط" أو "استخدم فقط غير متزامن" أو يقول آخرون "فقط ضع جافا سكريبت في أسفل الصفحة" ولكن لا أحد منهم يحل مشكلة السماح بتحميل صفحة ويب كاملة ، ثم (وبعد ذلك فقط) تحميل الغرباء الشباب.
لن يتجاوزوا تحذير "تأخير تحميل JavaScript" الذي تلقيته من Google Page Speed Tool. هذا الحل سوف. برنامج نصي لاستدعاء ملف JavaScript خارجي. يجب وضع هذه الشفرة في HTML قبل علامة </body> مباشرة (تقريبًا في آخر كود في النموذج).
<script type="text/javascript">
function downloadJSAtOnload() {
var element = document.createElement("script");
element.src = "defer.js";
document.body.appendChild(element);
}
if (window.addEventListener)
window.addEventListener("load", downloadJSAtOnload, false);
else if (window.attachEvent)
window.attachEvent("onload", downloadJSAtOnload);
else window.onload = downloadJSAtOnload;
</script>
ماذا يفعل هذا الرمز؟
يقول هذا الرمز انتظر حتى يتم تحميل المستند بأكمله ، ثم قم بتنزيل ملف "defer.js" الخارجي
1. انسخ الكود أعلاه.
2. الصق الشفرة في HTML قبل العلامة </body> مباشرةً (باتجاه الجزء السفلي من ملف HTML).
3. استبدل "defer.js" باسم ملف JS الخارجي.
4. تأكد من صحة المسار إلى الملف الخاص بك. مثال: إذا قمت للتو بوضع "defer.js" ، يجب أن يكون ملف "defer.js" في نفس المجلد مثل ملف HTML الخاص بك. معلومات عن كيفية إضافة الرموز
5. اختر خيار الاستضافة الذي يناسب احتياجاتك
يقول هذا الرمز انتظر حتى يتم تحميل المستند بأكمله ، ثم قم بتنزيل ملف "defer.js" الخارجي
1. انسخ الكود أعلاه.
2. الصق الشفرة في HTML قبل العلامة </body> مباشرةً (باتجاه الجزء السفلي من ملف HTML).
3. استبدل "defer.js" باسم ملف JS الخارجي.
4. تأكد من صحة المسار إلى الملف الخاص بك. مثال: إذا قمت للتو بوضع "defer.js" ، يجب أن يكون ملف "defer.js" في نفس المجلد مثل ملف HTML الخاص بك. معلومات عن كيفية إضافة الرموز
5. اختر خيار الاستضافة الذي يناسب احتياجاتك
يختار معظم مالكي مواقع الويب الجدد أرخص خيار استضافة ممكن. في حين أن هذا كافٍ في البداية ، فمن المحتمل أنك ستحتاج إلى الترقية بمجرد أن تبدأ في الحصول على المزيد من الزيارات. لا تبخل على مضيفك ، اختر مضيفًا يمكنك الوثوق به.
عند البحث عن مكان للإقامة ، لديك ثلاثة خيارات مختلفة:
الاستضافة المشتركة
استضافة VPS - VPS
خادم مخصص
الاستضافة المشتركة هي الخيار الأرخص ويمكنك غالبًا الحصول عليها مقابل خمسة دولارات شهريًا. في حين أنه أمر جيد للمواقع ذات حركة المرور المنخفضة ، إلا أن الاستضافة المشتركة تكافح من أجل مواكبة الارتفاع المفاجئ في حركة المرور والمواقع ذات الحجم الكبير ، وقد يتأثر موقعك بحركة المرور من المواقع الأخرى التي تستخدم نفس الخادم. انه انت. باستخدام الاستضافة المشتركة ، يمكنك مشاركة بعض الموارد مثل وحدة المعالجة المركزية ومساحة القرص وذاكرة الوصول العشوائي مع المواقع الأخرى المستضافة على نفس الخادم.
باستخدام استضافة VPS ، لا تزال تشارك خادمًا مع مواقع أخرى ، ولكن لديك أجزاء مخصصة من موارد الخادم. إنه اختيار جيد بين. إنه يحمي موقعك من أي شخص على الخادم الخاص بك دون التكلفة المطلوبة لاستضافة مخصصة. لذلك يمكنك التفكير في الاستضافة المخصصة على أنها امتلاك منزل. لا تشارك الموارد مع أي شخص آخر وأنت مسؤول عن جميع أعمال الصيانة.
مع خادم مخصص لديك مساحة أكبر بكثير - ولكن لديك أيضًا الكثير من العمل الذي يجب القيام به من حيث التكوين والتثبيت الفني. إذا كنت بحاجة إلى مساحة كبيرة وتريد التحكم الكامل في الاستضافة الخاصة بك ، هذا هو أفضل رهان.
كما قد تكون خمنت ، هذا هو الخيار الأكثر تكلفة إذا كنت في مرحلة تؤدي فيها مستويات حركة المرور الخاصة بك إلى إبطاء أوقات استجابة الخادم ، فقد حان الوقت للتبديل من الاستضافة. مشتركة مع VPS ، أو من VPS إلى خادم مخصص.
6. قم بفحص الضغط
من مصلحتك أن تكون ملفاتك صغيرة بقدر الإمكان دون التضحية بالجودة. كلما كانت ملفاتك أصغر ، زادت سرعة تنزيلها - وسيتم تقليل أوقات التنزيل الإجمالية. غالبًا ما يزيد حجم الصفحات التي تحتوي على الكثير من الصور والمحتويات الأخرى عن 100 كيلوبايت. ونتيجة لذلك ، فهي كبيرة وبطيئة في التنزيل.
يمكنك تسريع أوقات التنزيل عن طريق ضغطها. لمعرفة كيفية تسريع ضغط موقعك ، يمكنك استخدام GIDNetwork لإجراء تدقيق الضغط. ما عليك سوى إدخال عنوان URL الخاص بك والنقر فوق "تحقق".
7. تنشيط الضغط
كلما كانت ملفاتك أصغر ، زادت سرعة تحميل صفحاتك. يعد ضغط الملفات أحد أسهل الطرق لتقليل أوقات التحميل ، كما أن تمكين الضغط باستخدام Gzip هو ممارسة قياسية اليوم. Gzip هو تنسيق ملف وتطبيق برمجي يحدد بشكل أساسي سلاسل من التعليمات البرمجية المماثلة في ملفاتك النصية ثم يستبدلها مؤقتًا لتقليل أحجام الملفات. HTML لأن هذه الملفات تحتوي عادةً على تعليمات برمجية زائدة ومسافات بيضاء.
يمكن لمعظم خوادم الويب ضغط الملفات بتنسيق Gzip قبل إرسالها للتنزيل ، إما عن طريق الاتصال بوحدة تابعة لجهة خارجية أو باستخدام إجراءات مضمنة. وفقًا لـ Yahoo ، يمكن أن يقلل ذلك من وقت التنزيل بحوالي 70٪ ، وبما أن 90٪ من حركة الإنترنت اليوم تمر عبر متصفحات تدعم Gzip ، فهو خيار رائع لتسريع موقعك. تفعيل ضغط gzip في Blogger
8. تمكين التخزين المؤقت للمتصفح
عند زيارة موقع ويب ، يتم تخزين عناصر الصفحة التي تزورها على محرك الأقراص الثابتة في ذاكرة تخزين مؤقت أو تخزين مؤقت. وهذا يعني أنه في المرة التالية التي تزور فيها الموقع ، يمكن لمتصفحك تحميل الصفحة دون الحاجة إلى إرسال طلب HTTP آخر إلى الخادم.
في المرة الأولى التي يصل فيها شخص ما إلى موقع الويب الخاص بك ، يجب عليه تنزيل مستند HTML وأوراق الأنماط وملفات JavaScript والصور قبل أن يتمكن من استخدام صفحتك. يمكن أن يمثل هذا ما يصل إلى 30 مكونًا و 2.4 ثانية.
إذا كان لديك موقع HTML ثابت ، فيمكنك تمكين التخزين المؤقت في ملف htaccess الخاص بك. يمكنك إضافة سطور من التعليمات البرمجية تخبر المتصفحات بما يجب تخزينه في ذاكرة التخزين المؤقت والمدة التي ستبدو هكذا
غير مخصص لأصحاب بلوجر
## EXPIRES CACHING ##
<IfModule mod_expires.c>يتيح لك هذا تعيين مقدار الوقت الذي تريد أن يتم فيه تخزين كل نوع من الملفات في ذاكرة التخزين المؤقت للزائر بشكل عام ، يجب أن تتمتع الموارد الثابتة بذاكرة تخزين مؤقت لمدة أسبوع على الأقل. يجب أن تتمتع موارد الجهات الخارجية مثل الإعلانات أو الأدوات بذاكرة تخزين مؤقت لمدة يوم واحد على الأقل لجميع الموارد القابلة للتخزين المؤقت مثل ملفات JavaScript و CSS وملفات الصور وملفات الوسائط وملفات PDF ، قم بتعيين التخزين المؤقت بين أسبوع واحد وسنة واحدة على الأقل.
ExpiresActive On
ExpiresByType image/jpg "access 1 year"
ExpiresByType image/jpeg "access 1 year"
ExpiresByType image/gif "access 1 year"
ExpiresByType image/png "access 1 year"
ExpiresByType text/css "access 1 month"
ExpiresByType text/html "access 1 month"
ExpiresByType application/pdf "access 1 month"
ExpiresByType text/x-javascript "access 1 month"
ExpiresByType application/x-shockwave-flash "access 1 month"
ExpiresByType image/x-icon "access 1 year"
ExpiresDefault "access 1 month"
</IfModule>
## EXPIRES CACHING ##
){kind=link}