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

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

تحليل نقاط GTmetrix لتحسين سرعة موقع الويب

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

كيفية تحليل وتحسين نقاط GTmetrix؟

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

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

1. تحسين نقاط GTmetrix تمكين ضغط النص

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

ببساطة، تعمل أحجام الملفات الأصغر للموارد المستندة إلى النصوص (مثل CSS و JavaScript و HTML) على تقليل وزن صفحتك، مما يتيح تنزيلها بشكل أسرع.

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

كيف يمكن إصلاح هذه المشكلة؟

كلما كانت ملفاتك أصغر، زادت سرعة تحميل صفحاتك. يعد ضغط الملفات أحد أسهل الطرق لتقليل أوقات التحميل، واليوم، يعتبر تمكين الضغط باستخدام Gzip ممارسة قياسية.

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

سيقلل Gzip حجم الملفات المرسلة من الخادم الخاص بك لزيادة السرعة التي يتم نقلها إلى المتصفح.

تقليل أحجام الصفحات بنسبة تصل إلى 70٪.
زيادة سرعة الصفحة.

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

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

إذا لم يكن لديك Gzip مُمكّنًا، فستحتاج إلى إصلاح هذا في أسرع وقت ممكن. Gzip في ملف htaccess الخاص بك. يعتمد الرمز الدقيق الذي تحتاجه على الخادم الخاص بك ولكن إذا كان موقعك يعمل على Apache، فستحتاج إلى إضافة الأسطر التالية إلى ملف htaccess الخاص بك.

<IfModule mod_deflate.c>
 # Compress HTML, CSS, JavaScript, Text, XML and fonts
 AddOutputFilterByType DEFLATE application/javascript
 AddOutputFilterByType DEFLATE application/rss+xml
 AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
 AddOutputFilterByType DEFLATE application/x-font
 AddOutputFilterByType DEFLATE application/x-font-opentype
 AddOutputFilterByType DEFLATE application/x-font-otf
 AddOutputFilterByType DEFLATE application/x-font-truetype
 AddOutputFilterByType DEFLATE application/x-font-ttf
 AddOutputFilterByType DEFLATE application/x-javascript
 AddOutputFilterByType DEFLATE application/xhtml+xml
 AddOutputFilterByType DEFLATE application/xml
 AddOutputFilterByType DEFLATE font/opentype
 AddOutputFilterByType DEFLATE font/otf
 AddOutputFilterByType DEFLATE font/ttf
 AddOutputFilterByType DEFLATE image/svg+xml
 AddOutputFilterByType DEFLATE image/x-icon
 AddOutputFilterByType DEFLATE text/css
 AddOutputFilterByType DEFLATE text/html
 AddOutputFilterByType DEFLATE text/javascript
 AddOutputFilterByType DEFLATE text/plain
 AddOutputFilterByType DEFLATE text/xml
 # Remove browser bugs (only needed for really old browsers)
 BrowserMatch ^Mozilla/4 gzip-only-text/html
 BrowserMatch ^Mozilla/4\.0[678] no-gzip
 BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
 Header append Vary User-Agent
</IfModule>

- لتمكين الضغط في NGINX، ستحتاج إلى إضافة الكود التالي إلى ملف التكوين الخاص بك:

gzip on;
gzip_comp_level 2;
gzip_http_version 1.0;
gzip_proxied any;
gzip_min_length 1100;
gzip_buffers 16 8k;
gzip_types text/plain text/html text/css application/x-javascript text/xml application/xml application/xml+rss text/javascript;
# Disable for IE < 6 because there are some known problems
gzip_disable "MSIE [1-6].(?!.*SV1)";
# Add a vary header for downstream proxies to avoid sending cached gzipped files to IE6
gzip_vary on;

يمكنك قراءة هذه المقالة لإصلاح المشكلة وتمكين gzip على الخادم الخاص بك.

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

2. تمكين ذاكرة التخزين المؤقت للخادم

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

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

في كل مرة يقوم المستعرض بتحميل صفحة، يجب عليه تنزيل جميع موارد صفحتك مثل HTML و CSS وجافا سكريبت والصور.

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

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

كيف يمكن إصلاح هذه المشكلة؟

يمكنك تمكين التخزين المؤقت على موقع الويب الخاص بك بطريقة مختلفة، يمكنك استخدام أحد المكونات الإضافية المتميزة لتسريع موقع الويب الخاص بك، على سبيل المثال يمكنك التحقق من المكون الإضافي WP Rocket، او LiteSpeed Cache لإعطاء نتائج رائعة.

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

3. استخدم بروتوكول HTTP2 لجميع الموارد

إذا رأيت هذه المشكلة مدرجة في تقرير GTmetrix لموقع الويب الخاص بك، فهذا يعني أن بروتوكول HTTP2 لم يتم استخدامه بشكل صحيح على الخادم الخاص بك. يتغلب HTTP / 2 على العديد من القيود التي تظهر في HTTP / 1.1 بما في ذلك، حد اتصال أعلى للتعامل مع المزيد من الطلبات المتوازية، وتكاليف أقل للبروتوكول.

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

ما هو HTTP / 2؟

هو بروتوكول اتصال بيانات بين العملاء والخوادم. وهو توسع في ميزات HTTP / 1.1.

لماذا يعتبر HTTP / 2 مهمًا؟

لم يتغير HTTP / 1.1 نسبيًا منذ عام 1997. وقد أدخل البروتوكول الجديد تحسينات من حيث الميزات الجديدة والأداء. وهو مدعوم من قبل مجموعة متنوعة من متصفحات الويب والخوادم وآخرها Google Pagespeed Insights.

الميزات الرئيسية لـ HTTP2 هي:

تشفير أسرع.
تعدد الإرسال متعدد المضيف.
ضغط الرأس لتحسين الأداء والأمان.
تحسين ترتيب أولويات البث.

الفوائد الرئيسية لـ HTTP2 هي:

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

قبل أن تتمكن من تمكين هذا البروتوكول، تريد التحقق مما إذا كان الخادم الخاص بك يدعمه أم لا.

كيفية التحقق من دعم HTTP / 2

للتحقق مما إذا كان الخادم الخاص بك يدعم بروتوكول HTTP / 2. قم بزيارة هذا الموقع للتحقق من دعم برتوكول HTTP / 2، أدخل عنوان URL لموقع الويب الخاص بك في الحقل المقابل واضغط Check.

كيف تصلح المشكلة وتقوم بتمكين HTTP2 على موقع الويب الخاص بك؟

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

4. كيفية تمكين HTTP / 2 على Cloud flare

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

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

5. استخدم شبكة توصيل المحتوى (CDN)

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

كيف يمكنني حل هذه المشكلة بسهولة؟

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

او خدمة CDN ،Cloud flare كشبكة توصيل محتوى الغنية عن التعريف والتي يستخدمها الكثير من مواقع الويب لكثرة مميزاتها.

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

6. تقليل وقت استجابة الخادم الأولي

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

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

كيف يمكن إصلاح مشكلة تقليل وقت استجابة الخادم الأولى؟

يمكنك قراءة المزيد حول هذه المشكلة مع التوصيات لإصلاح مشكلة تقليل وقت استجابة الخادم من موقع GTmetrix.

كيف تسرع موقع الويب بخطوات بسيطة؟

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

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

قم بتحديث السمة والإضافات المضمنة

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

تأكد من تحديث Theme و Plugins إلى أحدث إصدار للحصول على جميع الميزات والتحسينات الجديدة وإصلاحات الأخطاء.

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

إزالة الإضافات غير المستخدمة

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

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

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

تقليل أحجام الصور

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

ويمكنك أيضًا تثبيت مكون إضافي في WordPress لتحسين صورك الحالية والصور التي تم تحميلها، يمكنك استخدام المكون الإضافي Imagify ويعطيك في النسخة المجانية 20M شهرياً لضغط صورالموقع وتحويلها بصيغة Webp.

تعطيل ألوان التدرج الثابت

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

وفي النهاية...

من الجيد ان يكون موقعك مثالي بشتى الطرق مثل المحتوى الجيد وسرعة فتح الصفحة والتي تساعدك على الانتشار والحصول على زيارات قوية تقلل نسبة الارتداد.

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

تعديل المقال

العلامات الرئيسية