تتمثل الخطوة الأولى في تحسين وقوقت تحميل صفحتك وأداء موقع الويب بشكل عام في اختبار سرعة صفحتك. لحسن حظك، هناك الكثير من الأدوات المتاحة عبر الإنترنت والتي يمكن أن تساعدك في اختبار ذلك بسهولة.
بعض الأدوات المتاحة عبر الإنترنت لاختبار سرعة الموقع
- PageSpeed Insights: هذه أداة أنشأتها (Google). يعرض لك بيانات مجال السرعة لموقعك ويتضمن اقتراحات حول كيفية تحسينه.
- اختبار موقعي: أداة أخرى من (Google)، تتيح لك هذه الأداة اختبار سرعة موقع الجوال الخاص بك.
- GTMetrix: هذه أداة أخرى لسرعة الموقع تتيح لك اختبار سرعة تحميل موقع الويب الخاص بك. سيوفر لك أيضًا فرصًا للتحسين.
- Pingdom): Pingdom) هي خدمة شهيرة لمراقبة مواقع الويب تحتوي على أداة مجانية لاختبار مواقع الويب. تتيح لك الأداة عرض وقت التحميل وحجم الصفحة والمزيد.
- WebPageTest: تم إنشاؤها بواسطة مهندس (Chrome) في (Google)، تتيح لك هذه الأداة إجراء اختبار سرعة مجاني من عدة مواقع حول العالم.
كيفية استخدام PageSpeed Insights
سنوضح لك كيفية اختبار سرعة موقع الويب الخاص بك باستخدام أداة (PageSpeed Insights) من (Google).
- أولاً، قم بتوصيل عنوان (URL) لموقع الويب الخاص بك واضغط على “تحليل”. ستحلل الأداة أداء الصفحة على كل من سطح المكتب والجوال. سيبحث في معلمتين: مقدار الوقت المستغرق لعرض المحتوى في الجزء المرئي من الصفحة عندما يطلبه المستخدمون، والوقت الذي يستغرقه المتصفح لعرض (تحميل) الصفحة بالكامل عندما يطلبه المستخدمون.
- بمجرد أن يتم تحليل موقعك، ستتلقى درجة مرمزة بالألوان. تتراوح نتيجة (PageSpeed Insights) من 0 إلى 100. من الناحية المثالية، قد ترغب في أن يسجل موقع الويب الخاص بك حوالي 90-100. يمكنك الاطلاع على نتيجتك لكل من الهاتف المحمول وسطح المكتب من خلال تحديد ما تريد رؤيته في الجزء العلوي الأيمن.
- الآن، دعنا نلقي نظرة على المقاييس المختلفة المتاحة لك. مرر لأسفل إلى قسم “الفرص” في تقريرك. سيُظهر لك هذا ما عليك القيام به لتحسين وقت تحميل صفحتك والنتيجة الإجمالية.
- يوفر لك هذا القسم نظرة ثاقبة لما قد يؤدي إلى إبطاء صفحتك. كما أنه يوفر وقتًا تقديريًا للتوفير في حالة إصلاح هذه المشكلة. إذا نقرت على كل “فرصة”، فستوفر لك الأداة نظرة ثاقبة حول كيفية إصلاح كل مشكلة.
ويوصى بالدخول في هذه المشكلات وإصلاحها واحدة تلو الأخرى، بدءًا من الأعلى. سنتعمق في كيفية إصلاح أكثر مشكلات سرعة الصفحة شيوعًا في القسم التالي.
كيفية تحسين وقت تحميل الصفحة
الآن بعد أن اكتشفت ما قد يؤدي إلى إبطاء موقعك، فقد حان وقت العمل. فيما يلي بعض الأسباب الأكثر شيوعًا التي قد تؤدي إلى بطء تحميل موقعك، مع إرشادات حول كيفية إصلاحه.
تحسين الصور
أحد الأسباب الأكثر شيوعًا التي قد يستغرقها موقع الويب الخاص بك في التحميل هو الصور غير المحسّنة. عادةً ما تكون الصور بعضًا من أكبر العناصر على صفحة الويب — حيث تمثل حوالي 43٪ من متوسط الحجم الإجمالي لصفحة الويب. لذلك تحقق جيدًا من أن صورك بتنسيق الملف الصحيح وأنها ليست أكبر مما يجب. هناك العديد من أنواع ملفات الصور المتاحة، لذا تأكد من استخدام النوع الصحيح.
- (PNGs): تنشئ صورًا عالية الجودة، لكنها تنتج حجم ملف أكبر. عادةً ما تكون ملفات (PNG) أفضل للرسومات التي تركز على النص ذات الألوان الأقل.
- ملفات (JPG): عادةً ما تكون ملفات (JPG) ذات حجم أصغر. تعمل بشكل أفضل مع الصور ذات الألوان المتعددة مثل الصور الفوتوغرافية.
- ملفات (GIF): تعمل ملفات (GIF)بشكل رائع مع الصور المتحركة.
لمزيد من ضغط صورك، يمكنك استخدام أدوات تحسين الصور عبر الإنترنت وهناك طريقة أخرى لتحسين صورك وهي استخدام التحميل البطيء. لا يؤدي هذا الأسلوب إلى تحميل الصور إلا بعد ظهورها على الشاشة – مما يتيح تحميل صفحتك بشكل أسرع. إذا كان لديك موقع ويب مليء بالصور أو منشور مدونة يتضمن الكثير من الوسائط المتعددة، فإننا نوصي بتنفيذ التحميل البطيء.
إذا كنت تستخدم (WordPress)، فكل ما عليك فعله هو التأكد من أن موقع الويب الخاص بك محدث (الإصدار 5.5 أضاف تحميلًا كسولًا أصليًا) لتسريع أداء (WordPress) الخاص بك. إذا لم تكن تستخدم (WordPress)، فإننا نوصي بإضافة سمة التحميل البطيء على عنصر <iframe> أو <img>. فيما يلي مثال:
<img src = “image.jpg” alt = “…” جاري التحميل = “كسول”>
<iframe src = “video-player.html” title = “…” loading = “lazy”> </iframe>
سيضمن تنفيذ سمة التحميل البطيء تحميل المحتوى الموجود أعلى الصفحة أولاً. لن يتم تحميل باقي المحتوى حتى يقوم زائر الموقع بالتمرير لأسفل. يمكن أن يؤدي ذلك إلى تقليل وزن صفحتك ، مما يؤدي إلى تسريع وقت تحميل الصفحة.
تفعيل ضغط الملفات
إذا كانت ملفات (CSS و HTML و JavaScript) أكبر من 150 بايت، فحاول تقليل الأحجام عن طريق تمكين ضغط الملفات. يمكنك القيام بذلك من خلال أداة مثل (Gzip) – وهو برنامج شائع لضغط البيانات. سيوفر هذا وقت التنزيل وسيقلل من سرعة تحميل صفحتك.
تصغير (JavaScript و HTML و CSS)
يعد تحسين التعليمات البرمجية طريقة فعالة لتقليل وقت التحميل. يمكنك القيام بذلك من خلال عملية التصغير – إزالة أي مسافات وفواصل وأحرف غير ضرورية من التعليمات البرمجية الخاصة بك. لتقليل (HTML)، توصي (Google) باستخدام HTMLMinifier. لتصغير “CSS”، استخدم (CSSNano) ولتقليل (JavaScript) استخدم “UglifyJS”.
تقليل عمليات إعادة التوجيه
ترسل عمليات إعادة التوجيه العميل إلى صفحة أخرى، الأمر الذي يتطلب (HTTP) إضافيًا — مما يؤدي إلى وقت انتظار أطول. كل عملية إعادة توجيه تجعل صفحتك أبطأ. افحص موقعك بحثًا عن روابط معطلة وأصلح أي مشكلات يمكنك حلها.
استخدام التخزين المؤقت للمستعرض
عندما تخزن المتصفحات المعلومات في ذاكرة التخزين المؤقت ، فإنها تخزنها بحيث عندما يعود الزائر إلى موقعك، لن يضطر المتصفح إلى إعادة تحميل صفحة الويب بأكملها – مما يجعل تحميل صفحتك أسرع. يتوفر هذه الأدوات طرقًا مختلفة للتخزين المؤقت لموقعك وتسمح لك بإخبار متصفحك بمدة الاحتفاظ بملفات معينة. لمزيد من المعلومات ، يمكنك قراءة دليل Google حول كيفية الاستفادة من التخزين المؤقت للمتصفح.
استخدم CDN
شبكات توزيع المحتوى (CDNs)، والمعروفة أيضًا باسم شبكات توصيل المحتوى، هي شبكة من الخوادم الموزعة جغرافيًا والتي تحفظ نسخًا من موقع الويب الخاص بك في مواقع متعددة بحيث يتم تحميلها بشكل أسرع للمستخدمين في جميع أنحاء العالم. توزع هذه الشبكة النطاق الترددي عبر خوادم متعددة بحيث يمكن تسليم المحتوى الخاص بك بسرعة، مقارنة باستخدام خدمة واحدة.
تعد سرعة الموقع أمرًا بالغ الأهمية لنجاح موقع الويب الخاص بك. ومع ذلك، فإن سرعة الموقع التي تقل عن ثانيتين ليست متاحة للجميع. كما ذكرنا أعلاه، هناك الكثير من العوامل التي تلعب دورًا. بينما يجب أن تحاول الحصول على وقت تحميل سريع للصفحة، يجب أن يكون هدفك الرئيسي هو إنشاء موقع يرضي زوارك وعملاءك المحتملين.
