كيفية تسريع موقع WordPress على الويب: دليل لتحسين الأداء

تعد السرعة والتسامح مع الخطأ من أهم العوامل التي تؤثر على مُحسنات محركات البحث ومعدل نجاح موقع WordPress الخاص بك. تتعرض شعبية موردك للتهديد إذا كان يعمل ببطء لأن الانتظار لمدة 2-3 ثوانٍ إضافية على الإنترنت هو بالفعل أبدية. حتى مع وجود محتوى مثالي (فريد ، وأصلي ، وغني بالمعلومات ، وعضوي من حيث الأسلوب) ، فإن موقع العمل البطيء سوف يزعج الزائرين ، وقد تفقدهم يومًا ما.

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

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

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

ما سر أهمية سرعة التنزيل؟

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

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

ما هي الآثار السلبية القابلة للقياس الكمي للبطء في تشغيل موقع الويب؟

عند مناقشة نتائج أداء أمازون ، لفت جريج ليندن في تقريره الانتباه إلى أهمية سرعة تحميل الصفحة على موقع الويب فيما يتعلق بتوليد الإيرادات. ووجد أن التأخير في تحميل الصفحات في 100 مللي ثانية يؤدي إلى انخفاض أرباح الشركة بنسبة 1٪. بالنظر إلى حقيقة أن إيرادات أمازون في عام 2017 كانت 177.9 مليار دولار ، فهذا يعني أن تباطؤ الموقع لجزء بسيط من الثانية سيكلف الشركة 1.780 مليار دولار!

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

خلال التجربة ، أظهرت المؤشرات التالية تدهورًا:

• عدد النقرات (-4.4٪) ؛
• الدخل من عميل واحد (-4.3٪) ؛
• مؤشر رضا المستخدمين (-3.8٪).

يوفر البحث الذي أجرته StrangeLoop الحقائق التالية من كبار مديري شركات تكنولوجيا المعلومات الكبرى في الولايات المتحدة (Google ، AOL ، Shopzilla): تأخير تحميل الصفحة لمدة ثانية واحدة يعني انخفاضًا بنسبة 7٪ في التحويل ، وانخفاض في عدد مشاهدات الصفحة بنسبة 11٪ وانخفاض بنسبة 16٪ في مؤشر رضا المستخدمين.

علاوة على ذلك ، فإن محركات البحث (Google ، Bing) قد فرضت بالفعل عقوبات على مواقع الويب البطيئة ، مما أدى إلى انخفاضها في ترتيب نتائج البحث مما يؤدي حتما إلى انخفاض في حركة المرور العضوية.

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

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

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

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

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

اختبر موقع الويب لمعرفة سرعة التحميل باستخدام Pingdom

بعد بدء اختبار سرعة موقع الويب ، قد تتساءل عن سرعة التحميل المثلى لموقعك على الويب.

وقت تحميل الصفحة الممتاز أقل من ثانيتين. لكن تذكر ، كلما كان ذلك أسرع ، كان ذلك أفضل.

YSlow هو مكون إضافي لـ FireFox ، وهو مضمن في Firebug. يقوم بتحليل 20 عاملاً لها تأثير مباشر على سرعة الموقع وتقدير إنتاجية المورد على مقياس من 100 نقطة ، ويتم تقدير كل عنصر من A إلى F.

نتائج فحص الموقع لمعرفة سرعة التنزيل باستخدام YSlow

اختبر موقع الويب الخاص بك مع GT Metrix

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

تعد Google PageSpeed ​​Insights (https://developers.google.com/speed/pagespeed/insights/) واحدة من أكثر الأدوات شيوعًا لتحسين وتقدير سرعة تحميل الصفحة. الغرض منه هو تلقي توصيات لتحسين الموقع. ومع ذلك ، تجاهل كثير من الناس هذه النصيحة مؤخرًا ، وهي ليست مصادفة. ماذا حدث ولماذا لا تقلق بشأن نتائج اختبار Google PageSpeed؟

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

هناك توصية أخرى متكررة من Google PageSpeed ​​وهي إزالة JavaScript و CSS التي تحظر رأس الصفحة. بتنفيذ تعليمات Google PageSpeed ​​، فإنك تخاطر بتعطل الموقع أو جزء من الوظيفة.

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

ما الذي يبطئ موقع WordPress الخاص بك؟

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

مناطق المشاكل الرئيسية لإبطاء موقع WordPress هي:

1. الاستضافة. إذا لم يتم تكوين الخادم بشكل صحيح ، فإنه يبطئ الموقع (إذا كان خادم VPS). باختيار الاستضافة الافتراضية المثلى ، تحتاج إلى تحديد خطة التعريفة التي تناسب متطلباتك الخاصة بالموقع.
2. تكوين WordPress. إذا كان موقعك لا يستخدم الصفحات المخزنة مؤقتًا ، فإنه يؤدي إلى زيادة تحميل الخادم ، مما يؤدي إلى إبطاء المورد والخطأ 500 - فشل من جانب الخادم.
3. الإضافات السيئة. يؤدي استخدام المكونات الإضافية ذات الشفرات غير الفعالة / الضارة أو إساءة استخدام المكونات الإضافية إلى تباطؤ شديد في الموقع.
4. أبعاد الصورة. لم يتم تحسين العديد من الصور للويب ، مما يؤثر سلبًا على سرعة الموقع.
5. نصوص. يؤثر الإعلان وتحليلات الكود وتحميل الخطوط وما إلى ذلك على أداء الموقع.
6. عرض نطاق ترددي منخفض للمضيف / لا يوجد CDN.

مع مناطق المشاكل التي تبطئ موقعك ، اكتشف WordPress ذلك. يمكنك الآن المتابعة لحل المشكلة والإجابة على سؤال حول كيفية تسريع تنزيل موقع WordPress.

مزود الاستضافة لـ WordPress

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

للقيام بذلك ، قم بزيارة مجتمع هواة استضافة الويب. على سبيل المثال ، WebHostingTalk (http://www.webhostingtalk.com/). ستجد هنا مراجعات موضوعية وغير متحيزة لشركات الاستضافة ، واختبارات الأعطال ، ونتائج البحث ؛ بشكل عام ، احصل على إجابات شاملة.

تذكر: المضيف الجيد هو استثمار في تطوير مواردك على المدى الطويل.

دعنا نتحدث بإيجاز عن الأنواع الرئيسية للاستضافة. هناك ثلاثة خيارات:

• افتراضي (مشترك) - يوجد على خادم واحد حوالي 100 موقع.
• VPS (خادم خاص افتراضي) - يتم استضافة 20 موقعًا على خادم واحد.
• مخصص - خادم مخصص لموقعك.

الاستضافة المشتركة

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

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

ميزة: رخيصة. مناسب إذا كان كل ما تحتاجه هو موقع ويب بسيط. لمن؟ للمبتدئين ، الشركات الناشئة (المدونات ، بطاقات العمل ، المحفظة ، أي مشاريع صغيرة).

الخادم الافتراضي الخاص (VPS)

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

ميزة: تحصل على مساحة أكبر. لمن؟ لمصادر المعلومات (بوابات الأخبار ، المتاجر متوسطة الحجم ، مواقع المعلومات التي تحتوي على قدر كبير من المحتوى).

تم تصميم الاستضافة المخصصة للبوابات الكبيرة التي تضم مليون جمهور يوميًا.

خادم مخصص

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

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

يتخذ موفرو الاستضافة الجيدون (مثل Kinsta و BlueHost و SiteGround) تدابير لتحسين قوة الحوسبة لديهم لتلبية احتياجات موقعك. ومع ذلك ، إذا كان موقعك على استضافة مشتركة ، فأنت بحاجة إلى مشاركة موارد الخادم مع عملاء آخرين. هذا يعني أنه عندما تتلقى حركة مرور عالية (عدد كبير من الزيارات) من قبل جارك على الخادم ، فإن أداء الخادم بأكمله ينخفض ​​، مما يساعد على إبطاء موقعك. نظرًا للميزات الجغرافية ، نوصي باستخدام خادم استضافة يقع بالقرب من جمهورك المستهدف قدر الإمكان.

يمنحك استخدام الاستضافة المُدارة لـ WordPress (إذا كانت الميزانية لا تحدك) تكوينات الخادم الأكثر تحسينًا لتشغيل WordPress وتقديم نسخ احتياطية تلقائية وتحديثات WordPress تلقائية وطرق أكثر تعقيدًا لحماية موقعك.

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

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

الخطوة الأولى. تثبيت مكون إضافي للتخزين المؤقت واستخدام Content Delivery Network (CDN)

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

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

كيف يعمل التخزين المؤقت ووردبريس CDN؟

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

عندما يزور زائر موقع WordPress ، يقوم الخادم بمعالجة PHP وطلبات قاعدة البيانات لاستخراج المعلومات اللازمة. إلى جانب ذلك ، يقوم خادم الويب بتشغيل برامج Java النصية (المؤثرات الخاصة ، والتحليلات ، وما إلى ذلك) ، بعد أن يقوم خادم الويب بإنشاء كود HTML ، وإرساله إلى المستخدم. إنها عملية كثيفة الاستخدام للموارد ، ولكن يمكنك تحسينها إذا كنت تستخدم التخزين المؤقت و CDN.

هناك الكثير من مكونات التخزين المؤقت لـ WordPress ، لكن بعضها يوفر مرونة رائعة ، والبعض الآخر يعمل خارج الصندوق ، ومن السهل جدًا تكوينها حتى بالنسبة للمبتدئين. الخيارات المعقدة مناسبة لمستخدم WordPress الواثق وتسمح لك بضبط موقع الويب ، مع مراعاة البنية المحددة للمشروع.

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

نوصي باستخدام المكون الإضافي WP Super Cache. من السهل تكوينها واستخدامها ، وسيشعر زوار موقعك على الفور بالفرق - ستفتح صفحات الموقع بشكل أسرع.

يقوم WP Super Cache بإنشاء إصدارات HTML إحصائية لكل صفحة وتنزيلها في كل مرة ، دون استعلامات في قاعدة البيانات. فهو لا يؤدي فقط إلى تسريع عمل موقعك ، بل يقلل العبء على الخادم. يخدم المكون الإضافي زوار الموقع باستخدام mod_rewrite أو تقنية PHP ، والخيار المفضل هو الاختيار في الإعدادات - "بسيط" أو "خبير". في WP Super Cache ، يمكنك تكوين جدول مسح ذاكرة التخزين المؤقت بنفسك ، وتحديد وقت وتكرار تنظيف ذاكرة التخزين المؤقت والصفحات منتهية الصلاحية. هناك تكامل مع CDN.

للمبتدئين ، يوصى باستخدام الوضع "البسيط". ما عليك سوى وضع علامة على جميع العناصر "مستحسن" ، وإنشاء جدول مسح ذاكرة التخزين المؤقت ، وسيكون المكون الإضافي جاهزًا للاستخدام. وظائف إضافية قابلة للتخصيص ؛ تمت ترجمة WP Super Cache جيدًا ، وجميع التفسيرات منطقية وواضحة. تم وصف طرق حل المشكلات بالتفصيل في منتدى الدعم الفني. هنا يمكنك طرح سؤال ، على الرغم من أنه حتى الآن باللغة الإنجليزية فقط.

يوفر وظائف التخزين المؤقت هذه:

• مخبأ الصفحة
• مخبأ الكائن
• ذاكرة التخزين المؤقت لقاعدة البيانات
• مخبأ المتصفح؛
• تصغير
• CDN.

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

الإيجابيات: تثبيت سريع ومباشر ، دعم CDN.

السلبيات: واجه البعض مشكلات في التوافق مع المكونات الإضافية الأخرى ، والاستضافة ، ولكن في الإصدار الأخير من هذه المشكلات لم تعد تُلاحظ. بالمقارنة مع W3 Total Cache ، يتم تقديم وظائف مبسطة هنا.

يعد W3 Total Cache بديلاً للإدارة البسيطة والمفهومة وتثبيت WP Super Cache. كونها مرنة بما يكفي لـ "الضبط الدقيق" ، يمكن أن تغطي حل قائمة أكثر شمولاً من المهام. يسمى Profi إطار العمل الخاص به لتحسين الموقع.

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

الإيجابيات: يوجد كل شيء للتخزين المؤقت الكامل ، والتقليل ، ودعم CDN.

السلبيات: عدد كبير من الوظائف يمكن أن يربك المبتدئين.

ما الذي يجب أن أختاره - WP Super Cache أو W3 Total Cache؟

كلا المكونين الإضافيين جيدان في تخزين المهام مؤقتًا.

اختلافات:

• يضع WP Super Cache نفسه على أنه الحل الأكثر بساطة للتخزين المؤقت لمواقع WordPress ، ولكنه يحتوي أيضًا على إصدار به إعدادات متقدمة ؛
• W3 Total Cache - أكثر مرونة في التكوين. إذا كان موقعك على خادم مخصص ، يمكن أن يكون هذا المكون الإضافي أفضل صديق لك للحفاظ على الأداء الأمثل للموقع.

تحسين ذاكرة التخزين المؤقت للمتصفح الخاص بك

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

الخطوة الثانية: استخدام شبكة توصيل المحتوى ( CDN)

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

كيف تحل مشكلة؟

استخدم CDN! سيؤدي ذلك إلى تسريع وقت تحميل موقعك لجميع زوار موقعك.

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

سيتم تسليم هذه الموارد الثابتة للزائرين من خلال الخادم الأقرب إليهم. هناك عدد غير قليل من شبكات توصيل المحتوى. هل تبحث عن موقع يسهل تكوينه على مواقع WordPress؟ إنه MaxCDN.

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

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

عند استخدام CDN ، كلما زار المستخدم موقعك ، يحصل على ملفات ثابتة من أقرب خادم. سينخفض ​​الحمل على استضافتك ، مما يعني أن أدائها سيزداد.

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

تمتلك شبكات CDN ، مثل MaxCDN (https://www.maxcdn.com/) ، محركات أقراص صلبة تقع في مواقع استراتيجية حول العالم لتوفير خدمة توصيل محتوى عالمية مثالية إلى مواقع الويب ذات التغطية الديموغرافية الواسعة.

يتيح استخدام عمالقة CDN الكبيرة مثل Rackspace Cloud Files و Amazon S3 وصولاً أسرع إلى المحتوى وزمن وصول أقل في الاختناقات. يتم الدفع مقابل خدمات مشغلي CDN هؤلاء. ومع ذلك ، يمكنك استخدام CDN مجاني بواسطة Cloudflare.

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

الخطوة 3: تحسين الصور ومقاطع الفيديو على موقع WordPress

تنشط الصور المحتوى ، وتركز عليه ، وتعلق. بمعنى آخر ، الصور تنشط التفاعل. وجد الباحثون أن التأثيرات المرئية الملونة تزيد من احتمالية قراءة المواد الخاصة بك بنسبة 80٪ ، وتحسن تصنيفات محرك البحث وتحسن بشكل عام مؤشرات تحسين محركات البحث (SEO). وفي الوقت نفسه ، تعد الصور من أثقل عناصر الموقع.

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

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

في عام 2018 تجدد الاهتمام بالصور كوسيلة للتسويق. بادئ ذي بدء ، نتحدث عن دعم ترميز صور المنتج - Screma.org (http://schema.org/Product). يسمح Markup لمحرك البحث بتوفير معلومات شاملة حول المنتج وفقًا لصورته (الفعلية للتداول عبر الإنترنت).

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

على سبيل المثال ، يوفر ضغط الصور دون فقدان الجودة الأداة الإضافية EWWW Image Optimizer (https://ru.wordpress.org/plugins/ewww-image-optimizer/). يعد بضغط ما يصل إلى 60٪ لصور JPEG و 80٪ لصور PNG. ومع ذلك ، فهو لا يعمل في جميع أنظمة الاستضافة ، لذلك نوصي ، كبديل ، باستخدام خدمة TinyPNG (https://ru.wordpress.org/plugins/tiny-compress-images/) لضغط ملفات PNG.

يدعم البرنامج المساعد JavaScript و VBScript و AppleScript ، أتمتة الدُفعات ، مما يجعل من الممكن ضغط صور متعددة في وقت واحد. يتم تحويل الملفات تلقائيًا إلى تنسيق sRGB لتحقيق توافق أفضل. تتمثل ميزة المكون الإضافي Compress JPEG & PNG للصور في الضغط التلقائي للصور أثناء تنزيل ملف جديد مع الحفاظ على جودة الصورة. ناقص - هناك حد شهري لضغط البيانات ، ومع ذلك ، فإن الدفع هناك رمزي بحت.

الطريقة الأكثر مباشرة لتحسين الصور على الموقع هي المكون الإضافي WP Smush (https://ru.wordpress.org/plugins/wp-smushit/). من السهل جدًا تثبيته ، ويظهر على الفور في لوحة الإدارة في قسم "ملفات الوسائط" ويقدم ترقية إلى الإصدار المدفوع. يتم توصيل التحسين التلقائي للصور بشكل افتراضي. وبالتالي ، يتم تحسين الملفات على الفور عند تحميلها إلى المكتبة.

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

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

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

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

تكوين LazyLoad - رفع الصور المعلقة

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

A3 Lazy Load (https://wordpress.org/plugins/a3-lazy-load/) - مكون إضافي للتنزيل المتزامن لجميع الصور على الصفحة. ضمن البرنامج النصي Lazy Load ، يمكنك إعداد موقع WordPress لتنزيل المحتوى المرئي (الصور ومقاطع الفيديو والبرامج النصية) فقط عندما يصل المستخدم إلى هذا الجزء من عنصر الموقع.

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

استخدم تنسيقين للصور - JPEG و PNG.

ماهو الفرق؟

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

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

ما هو تنسيق الصورة الذي يجب أن أختاره؟

إذا كانت صورتك تحتوي على ألوان عديدة ، فحاول استخدام JPEG.

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

على موقعنا ، نستخدم JPEG في كثير من الأحيان. النسبة التقريبية من JPEG إلى PNG هي 80:20.

كل عام يتزايد الاتجاه نحو استهلاك الفيديو أكثر فأكثر. الاتجاه أكثر شيوعًا بين الجمهور في سن 14-25 عامًا ، لكن يتم ملاحظة استهلاك الفيديو من أجهزة الكمبيوتر الشخصية والأجهزة المحمولة في كل فئة عمرية.

حجم الفيديو عبر الإنترنت بحلول عام 2021 ، وفقًا لدراسة أجرتها شركة Cisco سيتضاعف ثلاث مرات:

في عام 2016 ، شكلت مقاطع الفيديو 73٪ من حركة المرور العالمية ، ويتزايد الطلب على جميع أنواع مقاطع الفيديو. الجزء الأسرع نموًا من الفيديو على الإنترنت هو LIVE - فيديو في الوقت الفعلي. بحلول عام 2021 ، سيمثل الفيديو "المباشر" 13٪ من إجمالي حركة المرور.

ماذا يعني هذا للمسوقين ومحترفي تحسين محركات البحث؟ إن وجود مقاطع الفيديو على الموقع يزيد من تجربة المستخدم ، ويرفع هذه المواقع في نتائج البحث ويؤثر بشكل فعال على زيادة العوامل السلوكية (أهم معيار لمحركات البحث لـ SEO اليوم). يجدر التفكير بالفعل في الفيديو كأداة مفيدة للترويج عبر الإنترنت.

وفقًا لذلك ، من المنطقي التحدث عن تحسين مقاطع الفيديو ، لأن تحميلها هو الأكثر صعوبة. جرب تنزيلًا كسولًا للفيديو ، والذي كتبناه أعلاه مباشرةً. حليفك في هذا العمل هو البرنامج المساعد Lazy Load For Videos. لإدارة التحميل البطيء لجميع مقاطع الفيديو ، يمكن عمل صور الموقع بمساعدة Lazy Load XT ، المصمم للتحقق من جميع العناصر الثقيلة للموقع.

أفضل الطرق لتحسين أداء موقع WordPress

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

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

الخطوة 4: لا تقم بالتنزيل مباشرة على WordPress

نعم ، يمكنك بسهولة تنزيل الفيديو على موقع WordPress الخاص بك وسيقوم تلقائيًا بعرضه في مشغل HTML5. لكن لا يجب أن تفعل هذا!

ستكلفك استضافة الفيديو عرض النطاق الترددي. يحق لشركة الاستضافة إغلاق موقعك ، حتى لو كانت تعريفةك تتضمن نطاقًا تردديًا غير محدود.

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

كيف تحل مشكلة؟

هناك طريقتان:

1. استخدم خدمات استضافة الفيديو ، بما في ذلك YouTube و Vimeo و DailyMotion وما إلى ذلك.
2. يحتوي WordPress على وظيفة مضمنة لإضافة ملفات الفيديو. يمكنك نسخ رابط الفيديو ولصقه مباشرة في المنشور. سيظهر الفيديو تلقائيًا على الصفحة.

الخطوة الثامنة. اختر موضوعًا يركز على السرعة

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

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

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

الخطوة 6. استخدم شريط التمرير "light"

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

قارنا المكونات الإضافية لشريط تمرير WordPress ، وكان Soliloquy أسرع من الآخرين (تم تنزيل الصفحة في 1.34 ثانية مقابل 2.12 ثانية عند استخدام LayerSlider).

مقارنة بين منزلقات البرنامج المساعد لسرعة التنزيل

الخطوة 7. استخدم البرنامج المساعد السريع عارض معرض الصور

إذا كان موقعك عبارة عن محفظة أو معرض للصور ، فستحتاج على الأرجح إلى استخدام المكون الإضافي لمعرض الصور. من المهم استخدام البرنامج المساعد الذي تم تحسينه للسرعة ولا يقوم بتحميل موقعك. بناءً على تجربتنا ، كنا مقتنعين بأن أحد أفضل المكونات الإضافية لمعرض WordPress في السوق هو Envira (https://enviragallery.com/) / كان أسرع مرتين من نظرائه.

القرص لتسريع موقع WordPress (للمستخدمين المتقدمين)

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

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

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

الخطوة 8. قم بتقليل عدد طلبات HTTP

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

نحن نقدم حلين لهذه المشكلة.

1. تعطيل Gravatars المخصص. Not the best way, but working when loading speed is really important.

How to do it?

Install the free WP User Avatar plug-in (https://wordpress.org/plugins/wp-user-avatar/) and choose “Disconnect Gravatar” from the menu.

2. Use the lazy loading of Disqus Conditional Load (https://wordpress.org/plugins/disqus-conditional-load/). Disqus works faster due to fewer HTTP requests.

Disable scripts

There is a plugin Gonzalez (https://tomasz-dobrzynski.com/wordpress-gonzales), which allows you to disable unnecessary scripts and do not download them on the pages of the site. The plugin is not free, but it costs money, especially if you want to add a gascode to the site.

Many plugins and themes download all files from third-party sites – scripts, style sheets, images, for example, from Google, Facebook.

You can use several such plugins because these files are usually optimized for fast download. But if your plugins make many such requests, this can seriously slow down the work of the WordPress site.

You can reduce the number of requests made to the servers of your site. Every time someone visits your site, it requests site files. It includes HTML, CSS and JS files.

How to solve a problem?

Reduce HTTP requests by disabling scripts, styles, or merging them into a single file. You can use a caching plugin for this.

Minify and combine CSS and JavaScript

Minification is the removal of unnecessary characters (spaces, comments, delimiters, etc.) from HTML, Javascript and CSS files. It reduces the amount of code that requires a response from the server and, accordingly, speeds up the loading of the site.

Combine – combine CSS and Javascript files into 1 file.

How to do it?

Use the plugin. For example, WP Rocket. If you are looking for an alternative free version of the plugin – we offer you such lightweight solutions as Better WordPress Minify and Autoptimize. Remember that it's better to put CSS at the top, and Javascript from the bottom.

Step 9. Diagnose your plugins

All plugins are code snippets that help you perform the functions assigned to them. Sometimes they become burdensome and unproductive. It is a big load on the server.

How to solve a problem?

There is a special plugin – the organizer of your Plugin Organizer plug-ins (https://wordpress.org/plugins/plugin-organizer/). He will find out which of your plug-ins significantly affect the load time of your site. You can quickly determine which plug-in badly affects the speed of your site. If there is a plug-in that slows down the site, it is suggested to find a worthy replacement.

Remember, aging versions of plug-ins are usually more vulnerable to attack, new ones are more optimized, quicker and safer, they contain fewer errors. We recommend that you disable and even remove plugins that you do not use. Many plug-ins do not necessarily mean a slower site, but many low-quality plug-ins will significantly slow down the resource.

Step 10. Reduce database queries

Unfortunately, we often see topics with bad code. They ignore the standard methods of working WordPress and make direct calls to the database or abuse requests to the database. It slows down your server. WordPress themes with pure code access the database, usually to get necessary information from your site.

How to solve a problem?

It's enough to use a caching plugin. We recommend using WP Super Cache (https://ru.wordpress.org/plugins/wp-super-cache/).

The plugin will remove all your spam-waiting comments, marked messages, automatically saved drafts. They can also perform common queries to optimize the MySQL database without having access to PHP.

Step 11: Optimize the WordPress database

After starting the WordPress site and first working with it, there will be a lot of information in your database that you will most likely never need. To optimize the site, it will have to be removed.

It is easily managed with the WP-Sweep plug-in (https://en.wordpress.org/plugins/wp-sweep/). It cleans the database, removing corrupted messages, unused tags, duplicating metadata, optimizing database structure at the click of a mouse.

The WP-Sweep database optimization plug-in will get rid of:

• Spam, deleted and unapproved by the moderator of comments;
• Duplicate content;
• Editable versions of posts, messages;
• Unused content (themes, plugins, broken links).

A well-optimized, responsive database is a huge bonus for WordPress.

Step 12. Limit editing posts

Editing publications take up a lot of space in the WordPress database. Some experts believe that these changes affect database queries launched by plug-ins.

If the plugin does not specifically exclude editing of records, this can be the reason for slowing down your site, because the site will be without the need to go to the search for all versions of the post, including draft versions.

We recommend limiting the number of versions (edits) of each post. You need to add this line of code to the wp-config.php file:

define ('WP_POST_REVISIONS', 4);

This code will limit WordPress in terms of saving edited versions of articles: now you will not see more than four changes of each material or page. It will automatically delete the old versions.

Step 13. Disable Hotlinks

If you create quality unique content, sooner or later it will be stolen.

Every time you use a server for storing images, you are exploiting more of its resources. Often people borrow your pictures, putting hotlinks on their servers. Thus, they do not load their servers but use your bandwidth of web hosting. It creates an unnecessary load on your server.

Just add this code to your .htaccess file to block the hotlinking images from your site:

#disable hotlinking of images with forbidden or custom image option

RewriteEngine on

RewriteCond %{HTTP_REFERER} !^$

RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)? stylemixthemes.com [NC]

RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?google.com [NC]

RewriteRule \.(jpg|jpeg|png|gif)$ – [NC,F,L]

الأهمية! Do not forget to replace stylemixthemes.com with your own domain.

Step 13: Divide comments into pages

Do you have many comments on the posts? Congratulations! It is a good indicator of the interest of your readers.

The drawback here is only one – downloading numerous comments slows down the download of the site. If you have a caching plugin installed, you can skip this step.

WordPress has a solution for this! You do not need to download anything. Internal WordPress tools can quickly fix this problem.

How to do it?

1. Go to the Settings tab in the Admin panel.
2. Select the “Discussions” item.
3. Check the “Split comments on pages” option.

The second way is to use an easy plugin to exchange views.

Exchange of messages and commenting is a big part of the marketing strategy of any website. However, sometimes people set too many exchange options that irritate visitors and slow down the site.

Our policy with the use of plugins for social media is minimal and straightforward. Social Sharing (by Danny) (https://wordpress.org/plugins/dvk-social-sharing/) weighs 50Kb, and to enable pop-up windows you need a font size of 600 bytes. We mean that the plugin does not affect the performance of the site.

Step 14. Update WordPress to the latest version

WordPress is a well-functioning open source project with frequent updates. Each subsequent update offers new features and eliminates errors, security issues, and vulnerabilities. Note that WordPress themes and plugins are also updated frequently.

Do not forget to update the site, plugins, themes to the latest versions, previously making a backup copy.

We hope our material has helped you to find useful tricks for speeding up your WordPress site. Be sure to use at least part of them and check the download speed of the site before and after, and write us in the comments your results. We are waiting!