4 نصائح بسيطة لتحسين سرعة تحميل صفحة موقع الويب الخاص بك 2021
يعد امتلاك موقع ويب سريع التحميل عاملاً بالغ الأهمية لكل من تجربة المستخدم وتحسين محركات البحث .
يتوقع مستخدم اليوم أن يتم تحميل موقع الويب بسرعة ، ومن المحتمل أن يتعرض من لا يفعل ذلك إلى عواقب سلبية نتيجة لذلك. أجرت مجموعة أبردين بحثًا وجد أن التأخير لمدة ثانية واحدة في وقت تحميل الصفحة يؤدي إلى تقليل مشاهدات الصفحة بنسبة 11٪ ، وانخفاض بنسبة 16٪ في رضا العملاء ، وخسارة في التحويلات بنسبة 7٪. أشارت Google أيضًا إلى أن سرعة تحميل الموقع هي إحدى الإشارات التي تستخدمها الخوارزمية لتصنيف الصفحات.
مع استمرار تطور مواقع الويب لتصبح أكثر تعقيدًا وثقيلة بالمحتوى ، من المهم التأكد من ضبط موقع الويب الخاص بك لتقليل سرعة تحميل الصفحة قدر الإمكان. وعلى الرغم من وجود العديد من العوامل التي تؤثر على سرعة تحميل الصفحة – إلا أن هناك عددًا قليلاً من التعديلات القابلة للتنفيذ التي يمكن أن يكون لها تأثير كبير على تقليل سرعة تحميل الصفحة.
هنا يمكنك عمل تجريب إلى موقك أو مدونتك قبل عمل أي شيئ
https://developers.google.com/speed/pagespeed/insights/
https://gtmetrix.com/
https://tools.pingdom.com/
http://www.webpagetest.org/
https://www.bitcatcha.com/
1. تحسين الصور والفيديو
تعد الصور ومقاطع الفيديو من أهم العوامل التي تؤدي إلى زيادة وقت تحميل صفحة الويب ، حيث إنها تشغل جزءًا كبيرًا من الحجم الإجمالي للصفحة. وهناك عاملان متميزان مرتبطان بالصور والفيديو: حجم كل أصل فردي وعدد الأصول الإجمالية التي يتم تحميلها على أي صفحة معينة. من المهم معالجة هذين العاملين.
تقليل حجم ملف جميع أصول الوسائط
حدد حجم صورك بشكل مناسب – لقد رأينا كثيرًا أن العملاء يرتكبون خطأ تحميل صور كاملة الحجم بدقة 12 ميجابكسل دون تغيير حجمها أولاً. لا تحمّل صورة بعرض 6000 بكسل إذا كانت ستُعرض بدقة 500 بكسل. بينما تعتبر شبكية العين من الاعتبارات (2x) ، تأكد من أن حجم الصور وفقًا لمعايير التصميم.
التزم بتنسيق JPG عندما يكون ذلك ممكنًا – JPG هو تنسيق صورة مضغوط يحافظ على تكامل الصورة ، دون إضاعة مساحة غير ضرورية. لذلك بالنسبة للغالبية العظمى من التطبيقات ، يفضل استخدام JPG. يجب عليك استخدام PNG فقط عندما تكون الشفافية ضرورية. تجنب استخدام TIFF و BMP تمامًا.
ضغط كل الصور – حتى الصور ذات الحجم المناسب ستظل ملفات أكبر مما يجب أن تكون عليه. تأكد من أن جميع الصور مضغوطة ، حيث يمكن أن يؤدي الضغط إلى تقليل حجم الملف بشكل كبير ، دون التضحية بجودة الصورة بشكل كبير. في المستوى الأساسي ، يمكنك التصدير من Photoshop (أو أداة صور أخرى) باستخدام خيار “حفظ للويب”. نحن من كبار المعجبين بـ Imagify نظرًا لتكامله السلس في WordPress. هناك أيضًا العديد من أدوات ضغط الصور المتاحة عبر الإنترنت والتي يمكنك استخدامها أيضًا.
ضغط كل الفيديو – الفيديو – وخاصة الفيديو عالي الدقة – لديه القدرة على أن يكون خنزير سرعة كبير. تأكد من ضغط كل مقطع فيديو باستخدام أداة ضغط الفيديو مثل Handbrake.
التضمين باستخدام نظام أساسي لاستضافة الفيديو تابع لجهة خارجية – من الجيد أيضًا تضمين الفيديو باستخدام نظام أساسي لاستضافة الفيديو تابع لجهة خارجية مثل Vimeo أو Wistia لتقليل التأثير على النطاق الترددي لخادم الاستضافة.
حدد عدد الأصول الإجمالية في كل صفحة
ضع في اعتبارك أنه كلما زاد عدد الصور ومقاطع الفيديو التي تضعها على كل صفحة ، كلما طال وقت التحميل. من المهم أن تكون مدركًا “للحجم” الكلي لمواد عرض كل صفحة. قد تضيف ميزات موقع الويب مثل أشرطة التمرير (أو الدوارات) ومقاطع الفيديو الخلفية والصور الكبيرة ومواد الخلفية اهتمامًا إلى موقع الويب ، ولكنها تزيد أيضًا من سرعة تحميل الصفحة. حاول إيجاد توازن صحي بين الجماليات المرئية وتجربة المستخدم.
2. الاستفادة من المكوِّن الإضافي للتخزين المؤقت وسرعة الصفحة
هناك الكثير من العوامل التي تؤثر على سرعة تحميل صفحة موقع الويب ، ولكن العديد منها ببساطة يتجاوز خبرة المسوق العادي. لحسن الحظ ، هناك العديد من المكونات الإضافية أو الوحدات المفيدة (اعتمادًا على نظام إدارة المحتوى الخاص بك) التي يمكن أن تساعد في رفع الأحمال الفنية. يعد التخزين المؤقت للصفحة طريقة أخرى للمساعدة في تحسين وقت تحميل صفحتك. يتم تقديم الصفحات المخزنة مؤقتًا كإصدارات HTML ثابتة لصفحة معينة لتجنب الاستعلامات التي تستغرق وقتًا طويلاً في قاعدة بيانات موقع الويب الخاص بك. يتم تحميل صفحة الويب المخزنة مؤقتًا بشكل أسرع – مع تقليل تحميل الخادم بنسبة تصل إلى 80٪. يمكن لمستخدمي WordPress بسهولة تثبيت واحدة من العديد من الإضافات الشائعة للتخزين المؤقت للصفحات مثل W3 Total Cache.
لا يمكن لحل سرعة الصفحة القوي لمواقع WordPress مثل WP Rocket التعامل مع التخزين المؤقت للصفحة فقط (لتحل محل الحاجة إلى مكون إضافي مثل W3 Total Cache) ولكن أيضًا مجموعة كبيرة من طرق تحسين سرعة الصفحة الأخرى مثل:
- Enabling browser caching
- LazyLoading images and video
- Minifying resources (HTML, CSS, JS)
- Removing query strings from static resources
- Combining files (Google fonts, CSS, JS)
- Optimizing the database
- Loading CSS files asynchronously
- Loading JS files deferred
ملاحظة: في حين أن هناك العديد من الخيارات المتاحة في حل سرعة الصفحة مثل WP Rocket ، يرجى العلم أن هناك مخاطر محتملة. قم بإلغاء تنشيط الخيارات إذا لاحظت أي عناصر مكسورة بصريًا على موقع الويب الخاص بك.
3. قم بترقية حزمة استضافة الويب الخاصة بك
يمكن أن يكون لجودة حزمة استضافة الويب الخاصة بك تأثير كبير على سرعة تحميل صفحة موقع الويب الخاص بك – سواء كانت إيجابية أو سلبية. خاصة بالنسبة لمواقع الويب الأكبر والأكثر كثافة في استخدام الموارد والمواقع التي تولد عددًا كبيرًا من الزيارات. أثناء استخدام نظام استضافة غير مكلف أو مشترك (أو شبكة) يمكن أن يكون مغريًا ، يجب أن يكون الاستثمار في VPS (virtual private server) عالي الأداء أو نظام أساسي مُدار أو مخصص لاستضافة الويب أولوية. غالبًا ما تستخدم هذه الحزم مكدسات تقنية أسرع بكثير ، بالإضافة إلى ميزات موارد مخصصة ومجموعة من الخيارات المهمة لضبط الخادم الخاص بك.
نصائح أخرى لتسريع موقع الويب الخاص بك
كما ذكرنا سابقًا ، هناك العديد والعديد من العوامل التي تؤثر على سرعة تحميل صفحة موقع الويب الخاص بك. بينما يكون بعضها تحت سيطرتك ، يحتاج الكثيرون إلى خبرة ومساعدة شريك تطوير الويب. فيما يلي عدة اعتبارات أخرى لتحسين سرعة تحميل صفحة موقع الويب الخاص بك:
تصغير طلبات HTTP – يعود ذلك إلى التفاصيل الجوهرية لتطوير الويب ، ولكن تقليل العدد الإجمالي لأجزاء صفحة الويب (مثل الصور والنصوص البرمجية وما إلى ذلك) التي يجب تحميلها يمكن أن يقلل من وقت تحميل الصفحة.
تمكين ضغط Gzip – يضغط Gzip صفحات الويب وأوراق الأنماط قبل إرسالها إلى المتصفح. يؤدي هذا إلى تقليل حجم الصفحة بنسبة تصل إلى 70٪ مما يؤدي أيضًا إلى تقليل وقت النقل بشكل كبير.
استخدم CDN (شبكة توصيل المحتوى) – يمكن أن تؤدي الاستفادة من CDN إلى تحسين سرعة موقعك من خلال استضافة ملفات موقع الويب عبر شبكة كبيرة من الخوادم حول العالم. يتيح ذلك للمستخدمين تنزيل الملفات من الخوادم القريبة منهم ويؤدي نشر النطاق الترددي إلى تقليل وقت تحميل الصفحة.
تكوين إعدادات الخادم – لا يتم دائمًا تكوين برنامج الخادم (مثل Apache) الجاهز بشكل كافٍ لتحقيق الأداء الأمثل لموقع الويب. استشر مزود الاستضافة الخاص بك حول أفضل السبل “لضبط الأداء” لخادمك لموقعك على الويب ونظام إدارة المحتوى (CMS).
4. وأيضا يمكنك إضافة هادا الكود في ملف htaccess وقبل الإضاف المرجو أخد نصخة من الملف
# BEGIN W3TC Browser Cache
<IfModule mod_mime.c>
AddType text/css .css
AddType text/x-component .htc
AddType application/x-javascript .js
AddType application/javascript .js2
AddType text/javascript .js3
AddType text/x-js .js4
AddType video/asf .asf .asx .wax .wmv .wmx
AddType video/avi .avi
AddType image/bmp .bmp
AddType application/java .class
AddType video/divx .divx
AddType application/msword .doc .docx
AddType application/vnd.ms-fontobject .eot
AddType application/x-msdownload .exe
AddType image/gif .gif
AddType application/x-gzip .gz .gzip
AddType image/x-icon .ico
AddType image/jpeg .jpg .jpeg .jpe
AddType image/webp .webp
AddType application/json .json
AddType application/vnd.ms-access .mdb
AddType audio/midi .mid .midi
AddType video/quicktime .mov .qt
AddType audio/mpeg .mp3 .m4a
AddType video/mp4 .mp4 .m4v
AddType video/mpeg .mpeg .mpg .mpe
AddType video/webm .webm
AddType application/vnd.ms-project .mpp
AddType application/x-font-otf .otf
AddType application/vnd.ms-opentype ._otf
AddType application/vnd.oasis.opendocument.database .odb
AddType application/vnd.oasis.opendocument.chart .odc
AddType application/vnd.oasis.opendocument.formula .odf
AddType application/vnd.oasis.opendocument.graphics .odg
AddType application/vnd.oasis.opendocument.presentation .odp
AddType application/vnd.oasis.opendocument.spreadsheet .ods
AddType application/vnd.oasis.opendocument.text .odt
AddType audio/ogg .ogg
AddType application/pdf .pdf
AddType image/png .png
AddType application/vnd.ms-powerpoint .pot .pps .ppt .pptx
AddType audio/x-realaudio .ra .ram
AddType image/svg+xml .svg .svgz
AddType application/x-shockwave-flash .swf
AddType application/x-tar .tar
AddType image/tiff .tif .tiff
AddType application/x-font-ttf .ttf .ttc
AddType application/vnd.ms-opentype ._ttf
AddType audio/wav .wav
AddType audio/wma .wma
AddType application/vnd.ms-write .wri
AddType application/font-woff .woff
AddType application/font-woff2 .woff2
AddType application/vnd.ms-excel .xla .xls .xlsx .xlt .xlw
AddType application/zip .zip
</IfModule>
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType text/css A31536000
ExpiresByType text/x-component A31536000
ExpiresByType application/x-javascript A31536000
ExpiresByType application/javascript A31536000
ExpiresByType text/javascript A31536000
ExpiresByType text/x-js A31536000
ExpiresByType video/asf A31536000
ExpiresByType video/avi A31536000
ExpiresByType image/bmp A31536000
ExpiresByType application/java A31536000
ExpiresByType video/divx A31536000
ExpiresByType application/msword A31536000
ExpiresByType application/vnd.ms-fontobject A31536000
ExpiresByType application/x-msdownload A31536000
ExpiresByType image/gif A31536000
ExpiresByType application/x-gzip A31536000
ExpiresByType image/x-icon A31536000
ExpiresByType image/jpeg A31536000
ExpiresByType image/webp A31536000
ExpiresByType application/json A31536000
ExpiresByType application/vnd.ms-access A31536000
ExpiresByType audio/midi A31536000
ExpiresByType video/quicktime A31536000
ExpiresByType audio/mpeg A31536000
ExpiresByType video/mp4 A31536000
ExpiresByType video/mpeg A31536000
ExpiresByType video/webm A31536000
ExpiresByType application/vnd.ms-project A31536000
ExpiresByType application/x-font-otf A31536000
ExpiresByType application/vnd.ms-opentype A31536000
ExpiresByType application/vnd.oasis.opendocument.database A31536000
ExpiresByType application/vnd.oasis.opendocument.chart A31536000
ExpiresByType application/vnd.oasis.opendocument.formula A31536000
ExpiresByType application/vnd.oasis.opendocument.graphics A31536000
ExpiresByType application/vnd.oasis.opendocument.presentation A31536000
ExpiresByType application/vnd.oasis.opendocument.spreadsheet A31536000
ExpiresByType application/vnd.oasis.opendocument.text A31536000
ExpiresByType audio/ogg A31536000
ExpiresByType application/pdf A31536000
ExpiresByType image/png A31536000
ExpiresByType application/vnd.ms-powerpoint A31536000
ExpiresByType audio/x-realaudio A31536000
ExpiresByType image/svg+xml A31536000
ExpiresByType application/x-shockwave-flash A31536000
ExpiresByType application/x-tar A31536000
ExpiresByType image/tiff A31536000
ExpiresByType application/x-font-ttf A31536000
ExpiresByType application/vnd.ms-opentype A31536000
ExpiresByType audio/wav A31536000
ExpiresByType audio/wma A31536000
ExpiresByType application/vnd.ms-write A31536000
ExpiresByType application/font-woff A31536000
ExpiresByType application/font-woff2 A31536000
ExpiresByType application/vnd.ms-excel A31536000
ExpiresByType application/zip A31536000
</IfModule>
فيما يلي بعض الأسباب الرئيسية لبطء تحميل موقع الويب الخاص بك أو بطء تشغيله.
عدم استخدام شبكة توصيل المحتوى.
كود فوضوي على موقعك.
جودة رديئة ، استضافة بطيئة أو تم تكوينها بشكل غير صحيح.
لا يتم ضغط الصور أو تحسينها للويب.
الإضافات بطيئة أو سيئة البرمجة أو القديمة.
نسخة PHP قديمة أو تم التخلي عنها.
موقعك على الويب لا يُقدم صفحات مخبأة وبالتالي يزيد من الحِمل على الخادم.
أنت لا تستخدم HTTPS أو لا تستفيد من بروتوكول HTTP2.
الطلبات الخارجية مثل تحميل الخطوط أو الإعلانات.
AMP
Accelerated Mobile Pages (AMP) هو مشروع من قبل Google يُساعد صفحات الجوّال الخاصة بك على التحميل بشكل أسرع.
لا تحتوي مقالات AMP على الكثير من التنسيقات ، مما يعني أنه سيتم تحميلها على الفور تقريبًا. بهذه الطريقة ، سيستمتع المستخدم بتجربة أكثر انسيابية على أجهزته المحمولة.
يُمكن للمستخدمين زيارة موقعك على الويب والتنقل بين المقالات المُختلفة دون مغادرة صفحة الويب. إنها طريقة رائعة لتسريع موقع WordPress وزيادة التحويلات وتحسين الاحتفاظ بالزائرين.
يُمكنك اتباع البرنامج التعليمي لـ AMP للقيام بذلك يدويًا ، أو يمكنك استخدام إضافة WordPress مثل AMP For WP إذا كنت أقل خبرة في التكنولوجيا أو ليس لديك خبرة في HTML.
أشياء أخرى يجب تجربتها
هناك العديد من الأشياء الأخرى التي يُمكنك القيام بها لتسريع موقع الويب الخاص بك مثل:
- تشغيل أحدث إصدار من PHP.
- تعديل وتحسين ملف htaccess.
- إنشاء جميع منشوراتك مباشرةً في WordPress (لا تستخدم أبدًا أداة إنشاء الصفحات).
- حدد عدد التعليقات لكل صفحة.
- تقليل عمليات إعادة التوجيه غير الضرورية.
- تعطيل pingbacks أو trackbacks.
- إزالة الإضافات ذات الصلة.
- قلل عدد رسائل البريد الإلكتروني المرسلة من الخادم الخاص بك.
إزالة إعلانات نقطة الدخول
إذا كنت تحقق الدخل من موقع الويب الخاص بك على WordPress من خلال إعلانات من شبكات وسائط نقطة الدخول ، فإن هذه الإعلانات نفسها يُمكن أن تبطئ موقعك حقًا.
من الأفضل التوقف عن استخدام شبكات الوسائط هذه حتى تتمكن من الدخول إلى شبكات مُتميزة مثل Mediavine أو Monumetric والتي لن تبطئ موقعك كثيرًا. هذا يرجع إلى حقيقة أن إعلاناتها يتم عرضها بشكل غير متزامن.
