16 طريقة لتسريع موقع WordPress الخاص بك اليوم!

تسريع موقع الويب الخاص بك هو الطريقة الوحيدة المضمونة للحصول على المزيد من الحركة وتحقيق المزيد من المبيعات.

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

ربما يكون ضبط مشغلات السرعة الداخلية لموقع الويب الخاص بك على WordPress أمرًا شاقًا للغاية.

لتسليط الضوء على خفض وقت التحميل إلى النصف ، قمنا بدعوة Stavros Papadakis لتوضيح عمليته لتسريع مواقع العملاء على الويب.

إذا كان وقت التحميل الخاص بك يزيد عن 3 ثوانٍ أو كان حجم صفحتك يزيد عن 2 ميغابايت ، فقد تكون هذه مشكلة كبيرة تكلفك المال ، سواء في المبيعات المفقودة أو رسوم الخادم.

هناك العديد من الأدوات المجانية عبر الإنترنت مثل WebPageTest و GTmetrix و Google PageSpeed ​​Insights و Pingdom التي يمكنها مساعدتك في تحديد المشكلات التي تسبب بطء أوقات التحميل وتجربة مستخدم سيئة لموقعك.

فيما يلي كيفية تولي مسؤولية أداء موقع الويب الخاص بك.

1. قم بتمكين الضغط

سيساعد ضغط ملفات CSS و Javascript على تنزيل المتصفحات بشكل أسرع.

يمكن لضغط Gzip تقليل أحجام الملفات بسهولة من 200 + كيلو بايت (غير مضغوط) إلى أقل من 40 كيلو بايت (مضغوط). طالما تم تمكين الضغط على الخادم الخاص بك ، فاستفد منه.

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

أضف مقتطف الشفرة التالي إلى ملف htaccess الخاص بك لتمكين ضغط الملفات الثابتة.

AddOutputFilterByType DEFLATE application / x-httpd-php text / php text / html text / النص العادي / css text / xml application / x-javascript text / javascript application / javascript text / x-js

BrowserMatch ^ Mozilla / 4 gzip-only-text / html
BrowserMatch ^ Mozilla / 4 \ .0 [678] no-gzip
BrowserMatch \ bMSIE! no-gzip! gzip-only-text / html
رأس إلحاق وكيل مستخدم متنوع

2. تحسين الصور الخاصة بك

الصور هي السبب الرئيسي لإبطاء موقع الويب. قم دائمًا بتحسين صورك (خاصة تلك التي يزيد حجمها عن 50 كيلوبايت) قبل تحميلها على موقع الويب الخاص بك.

الطريقة المثلى لتحسينها هي استخدام Photoshop أو أي برنامج آخر لمعالجة الصور. حفظ الصور للويب بجودة صورة تصل إلى 60٪.

يجب أيضًا استخدام الصور التقدمية لملفات JPG لأن العرض التدريجي للصور يوفر تجربة مستخدم أكثر سلاسة.

يرجى التحقق من الصورتين التاليتين ، فهما متشابهتان لكن الصورة اليسرى غير مُحسَّنة وتبلغ 80 كيلوبايت والصورة الموجودة على اليمين مُحسَّنة وهي 18 كيلوبايت فقط ، 4 مرات أصغر.

صورة غير محسّنة

الصورة المحسنة

3. انقل ملفات Javascript إلى التذييل

على الرغم من أن مكتبات Javascript مثل jQuery و Mootools و Prototype رائعة لأنها توسع وظائف موقع الويب الخاص بك ، إلا أنها تستطيع أيضًا حظر عرض صفحاتك.

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

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

إذا كنت تستخدم Wordpress ، فيمكنك نقل استدعاءات البرنامج النصي من header.php إلى footer.php في قالبك واستخدام true كمعامل رابع كلما استخدمت وظيفة wp_enqueue_script.

انقل نصوص JS إلى تذييل الصفحة

4. تأكد من تمكين KeepAlive

يحتوي Apache (الخادم الأكثر استخدامًا لخطط الاستضافة المشتركة في شركات الاستضافة منخفضة التكلفة) على "ميزة" رائعة تسمى KeepAlive والتي تحافظ على الاتصالات مفتوحة لأكثر من طلب HTTP.

تأكد من تنشيط KeepAlive في شركة الاستضافة الخاصة بك.

إذا كان لديك وصول إلى ملف httpd.conf الخاص بك ، فقم بتمكين KeepAlive عن طريق التأكد من وجود "KeepAlive On" فيه ، وإلا أضف الجزء التالي من التعليمات البرمجية في ملف htaccess الخاص بك.

 <ifModule mod_headers.c>
 مجموعة رأس اتصال إبقاء على قيد الحياة
</ifModule>

قم بتمكين KeepAlive لموقعك

5. دمج ملفات CSS - ملفات CSS صغيرة مضمنة

تتعامل المستعرضات فقط مع العديد من طلبات HTTP في نفس الوقت. عند الوصول إلى هذا الحد ، تنتظر بعض الملفات بينما يتم تنزيل ملفات أخرى.

من خلال دمج جميع ملفات CSS الخاصة بك في ملف CSS واحد فقط ، يتم عرض الصفحة بشكل أسرع.

إذا كانت لديك ملفات CSS يقل حجمها عن 2 كيلو بايت ، فيجب عليك تضمينها بدلاً من تقديم طلب HTTP إضافي.

يحتوي Wordpress على عدد قليل من الإضافات الرائعة مثل Autoptimize و Better WordPress Minify والتي يمكن أن تساعدك على دمج أوراق أنماط CSS أو تضمينها.

دمج ملفات CSS وضمّنها

6. تمكين التخزين المؤقت

يؤدي التخزين المؤقت إلى تحسين وقت تحميل الصفحات التي لا تتغير كثيرًا بشكل كبير.

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

W3 Total Cache و WP Super Cache و WP Fastest Cache هي مجرد مجموعة مختصرة من ملحقات Wordpress المجانية التي توفر نوعًا مختلفًا من التخزين المؤقت مثل التخزين المؤقت للصفحة والتخزين المؤقت لقاعدة البيانات والتخزين المؤقت للكائن من بين أشياء أخرى.

يوفر المكون الإضافي W3 Total Cache التخزين المؤقت للصفحة وقاعدة البيانات والكائن

7. استخدم شبكة توصيل المحتوى

سواء كنت تستخدم نظام إدارة محتوى مثل Wordpress أو Joomla أو Magento أو Drupal أو موقع PHP أو HTML مخصص ، فإنني أوصي بشدة بتكوين شبكة توصيل المحتوى (CDN).

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

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

CloudFlare هو مزود CDN و DNS مجاني من بين آخرين. يعد MaxCDN أيضًا خيارًا رائعًا وبأسعار معقولة لتحسين وقت تحميل موقعك. كلاهما جيد بقدر ما يمكن أن يحصلوا عليه.

CloudFlare هي شبكة توصيل محتوى مجانية

8. قلل عدد طلبات HTTP

كلما زادت طلبات HTTP لديك ، كان وقت تحميل موقعك أبطأ.

اجمع ملفات CSS الخاصة بك ، وادمج ملفات Javascript ، وادمج الصور في نقوش بيانات من بين أشياء أخرى لعمل أقل عدد ممكن من طلبات HTTP.

عندما أعمل على موقع العميل ، فإن أحد أهدافي الرئيسية هو تقليل عدد طلبات HTTP التي يتم تحميلها لكل صفحة.

ادمج ملفات CSS ، واستخدم رموز البيانات أو عناوين URI للبيانات لتقليل عدد طلبات HTTP

9. اختر نوع الملف الصحيح لصورك

استخدم JPG كخيار افتراضي. إنه أصغر وأسرع نوع ملف يتم تحميله.

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

قلل أو حتى تخلص من أي ملفات GIF ثقيلة لأنها يمكن أن تؤدي إلى إبطاء وقت تحميل موقعك بشكل كبير.

على الرغم من أن الصورتين التاليتين تبدو متشابهة ، إلا أن هناك فرقًا كبيرًا بينهما. الملف الموجود على اليسار يتم حفظه كملف png ويزن 102 كيلو بايت والآخر هو ملف JPG بحجم 18 كيلو بايت ، هذا صحيح ، أخف 6 مرات!

تم حفظ الصورة بتنسيق PNG

تم حفظ الصورة بتنسيق JPG

10. إصلاح أخطاء 404 الخاصة بك

صدق أو لا تصدق ، أي ملف مفقود يولد خطأ 404 HTTP وسيؤدي بالتأكيد إلى إبطاء وقت تحميل موقعك.

تحقق دائمًا من وجود أي أخطاء 404 أثناء عرض صفحاتك لتحقيق أسرع وقت تحميل.

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

يمكن أن تؤدي أخطاء 404 إلى إتلاف وقت تحميل موقعك

11. اعتن بحجم صفحتك

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

هذا أكثر أهمية بالنسبة للهواتف المحمولة. إن الاضطرار إلى تحميل موقع بحجم 2 ميغا بايت عبر الهاتف المحمول باتصال 3G يعد وصفة لكارثة. ضع في الاعتبار أن المستخدمين لا يرغبون في الانتظار لأكثر من 2-3 ثوانٍ حتى يتم عرض الصفحة.

هل الصورة الجديدة تضيف قيمة إلى الموقع؟ إذا لم يكن كذلك ، فلا يجب عليك إضافته إلى موقعك. بسيط كهذا.

تصغير حجم الصفحة

12. حجم الصور

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

على سبيل المثال ، إذا كانت لديك صورة تبلغ 1200 بكسل × 675 بكسل وتريد استخدام إصدار "متغير الحجم" بدقة 480 بكسل × 270 بكسل ، فأنشئ نسخة جديدة بحجمها من الصورة الأصلية واستخدمها بدلاً من ذلك.

ترتبط هذه الصورة بإصدار "كبير" من الصورة باستخدام صورة مصغرة متدرجة بدلاً من تغيير أبعاد الصورة في HTML.

ترتبط الصورة المصغرة (الصورة المصغرة) بالصورة الكبيرة الحجم

13. الاستفادة من التخزين المؤقت للمتصفح

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

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

يتم ذلك عادةً عن طريق إضافة مقتطف الكود هذا في ملف htaccess لخطط الاستضافة المشتركة

<ifmodule mod_expires.c>
انتهاء الصلاحية
ExpiresByType text / html "الوصول بالإضافة إلى 7200 ثانية"
ExpiresByType image / gif "وصول بالإضافة إلى 864000 ثانية"
ExpiresByType image / jpg “وصول بالإضافة إلى 864000 ثانية”
ExpiresByType image / png "وصول بالإضافة إلى 864000 ثانية"
ExpiresByType text / css "وصول بالإضافة إلى 864000 ثانية"
ExpiresByType text / javascript "وصول بالإضافة إلى 864000 ثانية"
ExpiresByType / javascript "الوصول بالإضافة إلى 864000 ثانية"
</ifmodule>

14. تحسين قاعدة البيانات الخاصة بك

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

مراقبة التعليمات البرمجية الخاصة بك للاستعلامات البطيئة. إذا كنت تستخدم خادم VPS أو خادمًا مخصصًا ، فقم بتمكين التخزين المؤقت للاستعلام وتحسين تكوين خادم قاعدة البيانات.

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

قم بتحسين قاعدة البيانات الخاصة بك عبر phpMyAdmin

15. حدد شركة الاستضافة الخاصة بك بحكمة

اختر خطة استضافة تلبي احتياجات موقعك.

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

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

أوصي بشدة بشركة استضافة Wordpress المُدارة من WPEngine لأي موقع للتجارة الإلكترونية WordPress أو أي موقع WordPress به طفرات في حركة المرور.

16. تعيين خبير

هدفي هو تزويدك بمعلومات كافية للبدء في تحسين سرعة موقع الويب الخاص بك.

ولكن كما تعلم ، من الأفضل تعيين خبير عندما يكون من المهم فهمه بالشكل الصحيح.

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

لقد قمت بتحديث WordPress إلى أحدث إصدار له ، وقمت بترحيل موقع الويب إلى شركة استضافة موثوقة وطبقت تعديلات تحسين السرعة لتحقيق أفضل وقت تحميل ممكن.

ذهب وقت التحميل من 8.2 إلى 2.6 ثانية. تم تحسين البايت الأول ووقت العرض الأولي إلى 0.147 و 0.384 ثانية على التوالي ، كما تم تقليل عدد طلبات HTTP من 96 إلى 78. كما تم تحسين Google PageSpeed ​​Insights إلى 88٪.

انخفض معدل الارتداد بنحو 10٪ في غضون أسابيع قليلة. كان العميل والأهم مستخدمو الموقع سعداء وأصبحت صيانة الموقع تجربة رائعة.

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

تخيل مدى سعادة المستخدمين لرؤية أوقات التحميل فائقة السرعة!

إذا كنت تريد توظيفي ، يسعدني تقديم المساعدة. شاهد محفظتي وتواصل معي على AwesomeWeb اليوم!

خاتمة

كل شيء يتحسن عندما يتم تحميل موقعك بشكل أسرع.

ترتبك Google في مرتبة أعلى. المستخدمون أكثر سعادة. تنخفض معدلات الارتداد. زيادة معدلات التحويل. وتحقق المزيد من المبيعات.

توقف عن فقدان حركة المرور والمال. ابدأ في تحسين وقت تحميل موقعك اليوم.

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

وظفني هنا أو ابحث عن مستقلين آخرين لتحسين السرعة على AwesomeWeb هنا.