تعبت من بطء الموقع؟ تعرّف على كيفية إصلاح أداء موقعك على الويب وتحسينه للحصول على سرعات تحميل أسرع للصفحة ومشاهدين أكثر سعادة, & معدلات تحويل أفضل.
ربما تكون قد قضيت بالفعل الكثير من الوقت في العمل على قابلية استخدام موقعك وتجربة المستخدم – وهو أمر ضروري للأعمال التجارية عبر الإنترنت اليوم – ولكن بدون تحسين سرعة تحميل الصفحة لموقعك ، فإنك في النهاية تفشل في كل من هذين. تعد السرعة جزءًا مهمًا من سهولة استخدام موقعك وتجربة المستخدم ، وبدونها ، تكون عرضة لخطر فقدان الزوار.
لا أحد يحب بطء الموقع. يمكن أن تؤدي سرعات تحميل الصفحة البطيئة إلى إبعاد المستخدمين بشكل أسرع من…. بشكل أسرع على الأقل من الوقت المستغرق لتحميل الصفحة!
ملاحظة سريعة: أظهرت الدراسات يستغرق ثانية واحدة لتدفق أفكار المشاهد للبقاء دون انقطاع. في كل ثانية بعد ذلك ، يكون موقعك الإلكتروني في خطر فقدان اهتمام ذلك المشاهد. هدفك هو تحميل موقعك على الويب لمدة ثانية واحدة أو أقل.
Contents
- 1 وقت تحميل الموقع مهم!
- 2 أدوات الاختبار
- 3 كيفية جعل موقع الويب الخاص بك تحميل أسرع
- 3.1 1. الملفات الخاصة بك كبيرة جداً أو لديك الكثير
- 3.2 2. قم بتشغيل ضغط GZIP
- 3.3 3. التخزين المؤقت
- 3.4 4. لديك مكالمات خادم كثيرة جدًا (طلبات HTTP)
- 3.5 6. يحتاج ترميز موقعك على الويب إلى التحسين
- 3.6 7. موقعك بطيء بسبب الكمون
- 3.7 8. قاعدة البيانات الخاصة بك بطيئة للغاية
- 3.8 9. موفر استضافة الويب الخاص بك ليس سريعًا بما يكفي
وقت تحميل الموقع مهم!
في الأيام الأولى للويب ، كانت العديد من مواقع الويب عبارة عن HTML ثابت ، وهو في الأساس مستند نص عادي ، لذلك من الناحية النظرية ، لن يستغرق تحميله وقتًا طويلاً. ومع ذلك ، كانت سرعات الاتصال منخفضة أيضًا (إذا كنت صغيرًا جدًا لتذكر تصفح الويب على مودم 28.8 ، فهذا يشبه إجبارك على القيادة لمسافة ميل واحد في الساعة على الطريق السريع). كان من المهم جدًا مراعاة حجم الصورة وعدد الرسومات على صفحة الويب ، ناهيك عن تحميل مواقع الويب الديناميكية باستخدام CGI ؛ التي أبطأت الأمور بشكل كبير. الآن ، زاد عرض النطاق الترددي. يمكننا القيام بالمزيد على الويب ، وبالطبع نقوم بذلك.
ومع ذلك ، من المهم أن تتذكر أن القواعد القديمة لا تزال سارية.
على الرغم من حقيقة أن سرعات الإنترنت لدينا والأجهزة التي نستخدمها (مثل أجهزة الكمبيوتر المحمولة والأجهزة اللوحية, & الهواتف الذكية) أصبحت أسرع وأسرع كل عام ، يبدو أن صبرنا أصبح أقصر. انها لا يكفي أبدا. نريد ما نريده ونريده الآن. هذا هو السبب في أنه من المهم جدًا للشركات عبر الإنترنت تحسين وقت تحميل مواقعها على الويب.
في هذه المقالة ، سنناقش أفضل الممارسات والتقنيات الحالية المستخدمة لتحسين سرعة تحميل صفحة موقع الويب بحيث يمكنك تطبيقها على موقع الويب الخاص بك.
اقرأ أيضا: السرعة مهمة أيضًا لتحسين محركات البحث.
أدوات الاختبار
قبل أن تبدأ أي شيء ، ستحتاج إلى طريقة لتحديد ماذا يعمل على إبطاء موقعك ومعيار سرعة موقعك الحالي لقياس التحسينات. قد تكون المشكلات المدرجة أدناه هي مشكلتك الرئيسية أو لا تكون ، ولكن لن يكون لديك طريقة لمعرفة ما لم تتمكن من مراقبة العملية.
يجب أن تدرك أن هناك الكثير من العطاء والتأجيل. قد تبدو بعض الحلول أدناه وكأنها تتعارض مع بعضها البعض. وذلك لأنه في بعض الأحيان قد يؤدي حل مشكلة واحدة إلى زيادة مشكلة السرعة في جانب آخر من موقعك. على سبيل المثال ، قد يؤدي إنشاء الصور المتحركة إلى الحاجة إلى تحميل صورة كبيرة في البداية ، والتي ، مع تقليل الحاجة إلى تحميل العديد من الصور الأخرى ، يمكن أن تبطئ وقت التحميل الأولي (سأذهب إلى هذه الأساليب في وقت لاحق).
لهذا السبب ، يجب أن تقيس نتائج تغيير واحد مقابل آخر حتى تتمكن من تحديد ما يعطي أفضل النتائج.
إليك بعض الأدوات المفيدة:
- رؤى سرعة الصفحة جوجل – ستقوم هذه الأداة المجانية من Google بفحص أي عنوان URL وإجراء اختبار على موقعك لأدائه. يوفر نتائج مختلفة لكيفية عمل موقعك على كل من أجهزة سطح المكتب والمنصات المحمولة. سيغطي العديد من المجالات التي تمت مناقشتها في هذه المقالة ويقدم اقتراحات حول ما قد يتسبب في إبطاء موقعك على وجه التحديد. ومع ذلك ، تبدو هذه الأداة عدوانية للغاية وأحيانًا غير واقعية ، لذا ضع ذلك في الاعتبار.
- اختبار سرعة موقع Pingdom – لدى Pingdom أيضًا بعض حلول اختبار السرعة الرائعة ، والتي يمكنها اختبار موقعك من مواقع متعددة حول العالم (وهذا هو أحد الأسباب التي تجعل فكرة استخدام شبكة CDN فكرة جيدة ؛ المزيد عن هذا أدناه). يوفر العديد من الحلول العملية لتحسين سرعتك.
- Yslow – هذا مكوّن إضافي مجاني لمتصفحك سيوفر لك درجة استنادًا إلى عدد طلبات HTTP وأحجام الصور وما إذا كان يتم استخدام شبكة CDN وما إلى ذلك.
- حاسبة ميزانية الأداء – هذه أداة صغيرة مفيدة لمعرفة نوع المحتوى الذي يمكنك "تحمله" (بناءً على النطاق الترددي) للحفاظ على تشغيل موقعك على النحو الأمثل.
مذكرة قانونية: شيء آخر مهم يجب أخذه في الاعتبار هو النهج الذي يحسن تجربة المستخدم بشكل أفضل. يجب عليك معرفة ما إذا كانت أوقات التحميل الإضافية مقابل أوقات التحميل التدريجي هي الأكثر فاعلية. أفضل طريقة للقيام بذلك هي مع اختبار قابلية الاستخدام وعلى وجه التحديد اختبار A / B.
كيفية جعل موقع الويب الخاص بك تحميل أسرع
حسنًا ، الآن لديك بعض أدوات الاختبار ، دعنا نتعمق في الأشياء الفعلية التي يمكننا القيام بها لتسريع مواقعنا!
هل تستخدم وورد? هناك العديد من الإضافات & تحسينات WordPress محددة متاحة للقيام بالكثير من المهام المدرجة هنا! تحقق من مقالنا المخصص حصريا لجعل WordPress أسرع.
1. الملفات الخاصة بك كبيرة جداً أو لديك الكثير
هل تذكر سابقًا كيف تحدثنا عن مدى أهمية حجم الملف في الأيام الأولى للويب؟ لا يزال مهمًا. في حين أن هذا قد يبدو واضحًا ، فإنه لا يزال بحاجة إلى أن يقال. تستغرق الملفات الكبيرة وقتًا أطول للتحميل.
استخدم ملفات أصغر وقليلًا منها (قد يزيد هذا أيضًا من تجربة المستخدم فعليًا. بينما يحب الأشخاص الصور ، يمكن للكثير منهم زيادة التحميل على المعلومات)
في معظم الأحيان ، لا تحتاج إلى صور كبيرة جدًا. في حين أنه من السهل تغيير حجم الصورة باستخدام CSS ، إذا كنت تفعل ذلك لتصغير الملف ، فأنت تضيع عرض النطاق الترددي. تغيير حجم الصور الخاصة بك قبل قمت بتحميلها. إنه لأمر مدهش كم أصغر يمكنك جعلها أصغر.
2. قم بتشغيل ضغط GZIP
حتى بعد تقليل حجم ملفك ، من الأفضل ضغطها ، مع بقية موقعك قبل إرسالها إلى المستخدم. من المحتمل أنك بالفعل على دراية بهذا المفهوم. في بعض الأحيان تحتاج إلى طريقة لإرسال الكثير من الملفات عبر الشبكة ، لذلك يجب عليك "ضغطها" لتكون بحجم يسمح به مزود الخدمة الخاص بك. حسنًا ، ضغط HTTP هو نفس الشيء تقريبًا.
تسمح معظم خوادم الويب بضغط الملفات باستخدام أداة مساعدة تسمى gzip. ستأخذ Gzip جميع الملفات الموجودة على موقعك ، وتضغطها في حجم أصغر بكثير قبل إرسالها إلى متصفح المستخدم. سيعمل هذا مع جميع الملفات الموجودة على موقعك. فيما يلي أيضًا بعض أدوات ضغط الصور المفيدة الأخرى المتاحة على الإنترنت لضغط الملفات على موقعك.
3. التخزين المؤقت
يمكنك أيضًا إعطاء تعليمات للمتصفحات حول وقت استخدام نسخة مخبأة من موقعك مقابل إصدار جديد. باستخدام رؤوس انتهاء الصلاحية يمكنك إخبار المستخدم باستخدام المحتوى المخبأ إذا كان ثابتًا ، ولكن يمكنك أيضًا الاستفادة عند الحاجة إلى تحميل محتوى جديد ، مثل المحتوى الديناميكي.
4. لديك مكالمات خادم كثيرة جدًا (طلبات HTTP)
هذا هو أحد أهم الأشياء التي يجب مراعاتها عند تسريع موقعك. في كل مرة تطلب فيها ملفًا جديدًا ، أو تعيد توجيه الموقع لأي سبب من الأسباب ، يؤدي ذلك إلى إبطاء العملية. مع كل واحد ، يجب أن يقوم متصفح المستخدم برحلة إلى الخادم الخاص بك ، والذي سيعثر على المورد ، ثم يعيده إلى المستخدم. في حين أن هذا لا بأس به في الجرعات الصغيرة ، فإن كل مكالمة خادم (خاصة إذا كانت تحدث في نفس الصفحة) ستبطئ موقعك بشكل كبير.
يرسل كل ملف تطلبه أو لديك على موقعك مكالمة إلى الخادم. إذا كان لديك 20 صورة على موقعك ، فهذا يعني أنه يجب استدعاء الخادم 20 مرة. هناك عدد من الأشياء التي يمكنك القيام بها لتقليلها.
- استخدم صورة CSS – هذه صور فردية تتضمن مجموعة من جميع الصور على موقعك كصورة واحدة. يمكنك استخدام CSS لتوفير جزء فقط من الملف الضروري للعرض في موقع معين. وهذا يعني أنه بدلاً من 20 مكالمة للحصول على 20 صورة ، سيتم استدعاء صورة واحدة كبيرة فقط. ومع ذلك ، كن حذرًا – في حين أن هذا يقلل من عدد المكالمات إلى ديسيبل الذي سيسرع بالتأكيد موقعك ، لا يزال حجم الصورة يمثل مشكلة.
- أصلح روابطك المعطلة – في كل مرة تحاول فيها إرسال شخص إلى صفحة لم تعد موجودة على موقعك ، فإنه يتسبب في تقديم الخادم لصفحة 404. يعني هذا في الأساس أنه يبحث عن الصفحة ، ويحصل على رسالة لم يتم العثور عليها ، ثم يجب عليه استرداد خطأ مخصص. يمكن أن تؤدي كل مكالمة من مكالمات الخادم هذه إلى إبطائك.
- تقليل عمليات إعادة التوجيه – حاول تقليل عدد المرات التي تختار فيها خادمك لإرسال شخص ما إلى صفحة مختلفة. على الرغم من أن هذا قد يبدو مفيدًا (على سبيل المثال ، لتحسين محركات البحث) لإعداد الصفحات لهذا الغرض ، إذا أجريت الكثير من مكالمات الخادم ، فقد يؤدي ذلك إلى إبطاء موقعك ويؤثر سلبًا على تجربة المستخدم.
مثال على صورة العفريت. مصدر الصورة
6. يحتاج ترميز موقعك على الويب إلى التحسين
- قلل CSS وجافا سكريبت – المساحة الفارغة تعني شيئًا لمتصفح الويب. قد تبدو فارغة لك أو لي ، لكن كل مساحة فارغة هي حرف يجب قراءته وعرضه. في كثير من الحالات ، ليس من الضروري ، لذلك تستخدم بعض أدوات التصغير لضغط هذه الملفات حتى تظل تعمل ولكن بشكل أسرع لقراءة المكونات. لدى Google بعض الأدوات الجيدة المتاحة لمساعدتك تقليل جافا سكريبت و CSS
- استخدم HTML بدلاً من PHP إذا لم يكن محتوى ديناميكيًا – على الرغم من أن معظم التعليمات البرمجية الخاصة بك قد تكون ديناميكية ، إلا أنه من الجيد في بعض الأحيان أن تذهب إلى المدرسة القديمة وتستخدم فقط كود HTML عادي. يجب تشغيل PHP من خلال معالج. يتم تفسير HTML مباشرة بواسطة المتصفح. إذا كان مجرد محتوى ثابت تقوم بتقديمه ، فقم بتخزينه بشكل ثابت.
- ضع CSS في الأعلى وجافا سكريبت في الأسفل – هذه قاعدة قديمة ، لكنها لا تزال سارية. أنت بحاجة إلى عرض CSS بسرعة ، ولكن يجب تشغيل JavaScript فقط بعد تحميل الصفحة نفسها. قد ترغب أيضًا في عدم الاعتماد كثيرًا على استدعاء JavaScript من ملف خارجي. إذا لم يكن هناك الكثير منه ، فقم بتضمينه مباشرة على الصفحة ، حيث إن هذا طلب HTTP أقل يجب إجراؤه.
ملحوظة: إذا كنت تستخدم مكتبات جافا سكريبت كبيرة الحجم ، مثل JQuery ، فإن النصيحة مختلفة قليلاً. سترغب في ذلك في ملف منفصل ، ولكن من الناحية الواقعية من الأفضل استخدام jQuery مباشرة من CDN. هذا له ميزتان نظرًا لأن هذه المكتبات شائعة ، هناك احتمال كبير جدًا أن يكون لدى المستخدم بالفعل نسخة مخبأة من هذه المكتبة ، لذا فإن تحميلها لا يستغرق وقتًا على الإطلاق. إذا كان لديك خادم يوفره لك ، فهذه مكالمة خادم أخرى ، وستكون هناك حاجة إلى تحميل المكتبة بأكملها حتى تعمل. يمكن أن يضيف هذا إلى بطء موقع الويب الخاص بك.
حسنًا ، لقد نظرت الآن وتصلحت قدر الإمكان داخليًا ، لكنها لا تزال تبدو بطيئة ، خاصة من مسافات طويلة. دعونا نلقي نظرة على بعض أدوات الخادم.
7. موقعك بطيء بسبب الكمون
الكمون هو مصطلح يشير إلى مقدار الوقت الذي يستغرقه الخادم الخاص بك للرد على طلب HTTP. والسبب في ذلك مهم لنفس السبب الذي يجعلك لا تريد تقديم طلبات كثيرة جدًا. إذا استطعت تسريع هذه المرة ، فسوف تزيد سرعة موقعك بشكل كبير. يزداد الكمون كدالة للمسافة الفعلية بين المستخدم النهائي والخادم الذي يوفر المحتوى.
إحدى أفضل الطرق للتعامل مع ذلك هي استخدام شبكات توصيل المحتوى أو شبكات CDN. هذه النسخ المخبأة لمحتوى موقع الويب الخاص بك في أماكن مختلفة حول العالم ، بحيث يتم تقليل وقت الاستجابة لكل من هذه المواقع. من أشهر موفري خدمات CDN Akamai و Cloudflare و Amazon AWS ، ولكن هناك العديد من الآخرين. البحث باستخدام شبكة CDN يستحق وقتك ، خاصة إذا كان لديك عملاء بعيدون عن موقع الخادم الخاص بك.
8. قاعدة البيانات الخاصة بك بطيئة للغاية
تعتمد معظم مواقع الويب اليوم بشكل كبير على المحتوى المخزن في قاعدة بيانات. هذا ينطبق بشكل خاص على مواقع التجارة الإلكترونية. من المحتمل أن يكون لديك العديد من المنتجات وتحتاج إلى تخزينها وتزويدها بنقرة واحدة. في حين أن قواعد البيانات رائعة وتكون صديقك ، فقد تكون قاعدة البيانات منظمة بشكل غير فعال ، أو قد يكون هناك عدد من الاستفسارات السيئة. تذكر أنه إذا اضطر المستخدم إلى الانتظار عدة ثوانٍ بين كل استعلام ، فسيتم إضافة ذلك. إذا لم يعثر المستخدمون على المنتج المحدد الذي يريدونه على الفور ، أو إذا استغرق الأمر وقتًا طويلاً ، فقد يغادرون بدون شراء. حتى إذا وجدوا شيئًا ما ، فإن احتمالات استمرارهم في التصفح ستنخفض أيضًا مع كل ثانية إضافية يستغرقها.
هذا جيد دليل خطوة بخطوة حول كيفية البدء بهذا على قاعدة بيانات MySQL.
ملحوظة: إذا كانت لديك قاعدة بيانات كبيرة ، فقد تحتاج إلى الاستعانة بأخصائي قاعدة بيانات لمساعدتك ، حيث قد يتدخل هذا إلى حد ما.
9. موفر استضافة الويب الخاص بك ليس سريعًا بما يكفي
بغض النظر عن مقدار التلاعب والتغييرات التي تقوم بها على موقع الويب الخاص بك ، فهي سريعة فقط مثل أضعف ارتباط لها – وهو في هذه الحالة ، خادم الويب الخاص بك. إن اختيار مضيف ويب سريع هو الأساس لموقع ويب سريع. في الواقع ، يمكنك تقسيم جميع التحسينات الخاصة بك إلى قسمين رئيسيين – 1) تحسينات موقع الويب الخاص بك و 2) تحسينات خادم الويب الخاص بك. استضافة الويب أمر بالغ الأهمية ، ولهذا السبب كتبنا أدلة شاملة حول ذلك. خادم الويب الخاص بك في الواقع معقد للغاية وهناك الكثير من التكوينات المطلوبة لكل من الأجهزة والبرامج الخاصة بالخادم الفعلي ، ولكن لحسن الحظ ، تتم إدارة معظم خطط استضافة الويب ، مما يعني أن شركة استضافة الويب ستقوم بذلك نيابة عنك. للحصول على قائمة ببعض الشركات الجيدة لاستخدامها ، قمنا بنشر هذه المقالة على أسرع مضيفي الويب.
استنتاج
في حين أن كل فئة من الفئات المذكورة أعلاه يمكن تناولها بمزيد من التفصيل ، إذا اتبعت هذه الإرشادات ، فستكون لديك فرصة جيدة جدًا لخفض وقت تحميل موقعك إلى النصف أو أكثر ، ومن المؤكد أنك ستحسن سرعة موقع. يُرجى إعلامي في قسم التعليقات إذا كانت لديك أي أسئلة.