8 نصائح لتحسين سرعة موقعك

ما مدى سرعة موقعك؟

نعلم جميعًا أن الموقع البطيء يؤثر سلبًا على سلوك المستخدم. لكن هل تفعل حقًا كل ما في وسعك لتقليل سرعة موقعك؟

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

ترحيب حار لبودكاست In Search SEO جونو ألدرسون.

الخطوات الثماني هي:

1. حيوية الويب الأساسية
2. كلاود فلير
3. أدوات مطوري Chrome
4. تقنيات تحسين الصورة المتقدمة
5. تقنيات متقدمة لتحسين الخط
6. حيل CSS و JavaScript
7. التخزين المؤقت والإصدار
8. مجموعة أدوات الطرف الثالث الذكية

ثمانية عناصر أساسية لمواقع الويب السريعة

J: مرحبًا ، من الجيد أن أكون هنا. شكرا لاستضافتي. هذا مثير للغاية.

D: رائع يا جونو. من الجيد أن تكون معنا. يمكنك العثور على جونو في jonoalderson.com. إذن يا جونو ، ما هو الموقف الحالي لكيفية تأثير الموقع البطيء على سلوك المستخدم؟

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

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

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

J: نعم ، والناس حقًا لا يفكرون في هذا. يعتقدون أن موقعهم ربما يكون سريعًا بدرجة كافية. لكن مواقع منافسيك تزداد سرعة ، ويزداد موقع Facebook أسرع ، ويزداد Instagram بشكل أسرع ، وتتغير التوقعات الخاصة بالمكان الذي يتغير فيه خط الأساس لتجربة المستخدم. لذلك يجب أن تكون أسرع من المتوقع ، وإلا فإنك تصبح أبطأ نسبيًا.

د: إذن ، اليوم ، أنت تشارك العناصر الأساسية لمواقع الويب السريعة التي تبدأ بالرقم واحد ، وهو Core Web Vitals.

1. أساسيات الويب

J: أعتقد أنه قد يكون هناك المزيد خارج هذا. لكن هذه بالتأكيد قائمة الانتقال الخاصة بي. أنا متأكد من أن الجميع قد سمعوا عن Core Web Vitals الآن. ولكن إذا لم تقم بذلك ، فقد أطلقت Google هذا ، على ما أعتقد في منتصف عام 2020. وهي محاولتهم إنشاء نوع من المقاييس الموحدة والعالمية لقياس سرعة الصفحة. لأنه من الناحية الفنية والمفاهيمية معقد للغاية. يتم تحميل الصفحات ، فهناك كل أنواع المراحل المختلفة وكل أنواع الأشياء المختلفة التي تؤثر عليها. لذلك قاموا بتبسيطها في مجموعة من المقاييس التي يمكنك مراقبتها وتوجيهها وتحليلها بمرور الوقت.

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

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

2. Cloudflare

J: إذا كان لدي ما يكفي من الوقت والموارد فقط للقيام بشيء واحد لتسريع موقع الويب الخاص بي ، فسيتم الانتقال إلى Cloudflare. Cloudflare ضخم. إنها واحدة من أكبر شركات التكنولوجيا التقنية في الفضاء. ومع ذلك ، هناك الكثير من فرق التطوير والشركات الذين لم يسمعوا عنهم مطلقًا لأنه غريب بعض الشيء. Cloudflare هي شبكة توصيل محتوى. إنها جزء من البنية التحتية الموجودة أمام موقع الويب الخاص بك. لديهم نسخة مجانية. يستغرق الإعداد حوالي 10 دقائق. ويستخدمون السحر فقط لتسريع موقعك. يقومون تلقائيًا بتقليص صورك ، وتقليل JavaScript ، وتغيير كيفية تحميل الأشياء ، والتأكد من أن الاتصالات يتم توجيهها بشكل أكثر كفاءة حول العالم لاستخدامات مختلفة في أماكن مختلفة ، و 1000 شيء آخر. وهذه كل الأشياء التي يمكنك نظريًا القيام بها ، إذا كان لديك فريق تطوير ذكي للغاية وموارد جيدة للغاية. ولكن لماذا تفعل ذلك عندما يقوم منتج Cloudflare المجاني بمعظمه ، بينما يقوم المنتج البالغ 20 دولارًا في الشهر بكل الباقي تقريبًا؟

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

د: والثالث ، استخدم Chrome Developer Tools لاكتشاف الاختناقات في الأداء.

3. أدوات مطوري Chrome

J: نعم ، لذا فإن تشغيل أدوات Core Web Vitals مثل PageSpeed ​​Insights و Web Page Test سيمنحك نتائج عالية المستوى وبعض النصائح العامة. والمشكلة مع النصائح العامة مثل استخدام أقل لجافا سكريبت هي أنه لن يكون من السهل جدًا تطبيق ذلك على موقع الويب الخاص بك والتحديات التي تواجهك. موقع الويب الخاص بك فريد من نوعه ، إنه مدمج بطريقة محددة للغاية. إذا كنت ترغب في الوصول إلى المستوى التالي من اكتشاف الفرص حقًا ، فأنت بحاجة إلى إلقاء نظرة على كيفية تحميل موقع الويب الخاص بك. ومن أفضل الأدوات التي يمكنك استخدامها لذلك هي Chrome Developer Tools.

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

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

د: ورقم أربعة ، استخدم تقنيات تحسين الصورة المتقدمة.

4. تقنيات ضغط الصور المتقدمة

J: نعم ، ذكرت ملفات JPEG كبيرة كمثال. ولا يزال هذا شائعًا بشكل محرج. أحد الأسباب الرئيسية لبطء العديد من المواقع هو أن شخصًا ما قام بتحميل صورة GIF بحجم 10 ميغا بايت على صفحته الرئيسية ، أو أنه التقط صورة بهاتفه المحمول أو الكاميرا الخاصة به ، وقاموا بتثبيتها في نظام إدارة المحتوى. وليس هناك منطق في المكان الذي يقول ، ربما علينا تقليص ذلك قليلاً. ربما يجب أن نلائمها مع الحجم. في كثير من الأوقات عندما تنظر إلى Chrome Developer Tools و Cloudflare ، سترى أن عنق الزجاجة هو أن تحميل هذه الصورة يستغرق وقتًا طويلاً فقط لأنها كبيرة. هناك كل أنواع الأدوات التي يمكنك استخدامها لمعالجة ذلك. الأهم هو مهما كانت العملية التي تستخدمها لإنتاج تلك الصور ، فمن المحتمل أن يكون لها سير عمل. إذا كنت تقوم بعمل أشياء في Photoshop ، عند تصدير أشياء ، تأكد من أنك تقوم بالتصدير للويب. فكر فيما إذا كان تنسيق JPEG هذا يحتاج حقًا إلى جودة بكسل مثالية أو هل يمكننا تقليل الجودة قليلاً وربما توفير حجم الملف. إذا كان كل هذا تقنيًا بعض الشيء ، فانتقل إلى squoosh.app. Squoosh هي أداة صممها بعض فريق تطوير Google. إنهم مهووسون جدًا ، إنهم حقًا في مساحة الصورة. تقوم بسحب وإسقاط صورتك فيه. ويمنحك خيارات يمكنك النقر عليها حيث يمكنك تغيير PNG إلى JPEG. يمكنك السحب والإفلات وكما تفعل ، يمكنك رؤية الجودة تتغير في الصورة. هل أنا سعيد بهذه المقايضة؟ وهناك مجموعة كاملة من مربعات الاختيار المتقدمة يمكنني النقر فوقها ورؤية ما يحدث وحلق بضعة كيلوبايت أخرى هنا وهناك. ويمكنك بسهولة الحصول على صورة بحجم 2 ميغا بايت وصولاً إلى 200 كيلو بايت في ثوانٍ قليلة من السحب والإفلات واللعب بالإعدادات. إنها ليست مدمجة في سير عملك ، ولكن كحل سريع لتقليص بعض صور الاختناق الكبيرة ، إنه أمر رائع حقًا.

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

J: أوه ، أفتقد الألعاب النارية. كان هناك عقد جيد أو نحو ذلك حيث كانت لعبتي.

D: أعرف. وأقوم بإنشاء صورة ثم تصديرها بتنسيق JPEG بجودة تصل إلى 80٪ وأقول ، "هذا جيد للويب." ربما كان هذا شيئًا بعيدًا منذ 10 سنوات.

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

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

5. تقنيات متقدمة لتحسين الخط

J: لقد ذكرت أن ملفات JPEG الكبيرة غالبًا ما تكون مشكلة حظر. وأحد أكبر المخالفين هو الخطوط ، ولا سيما خطوط Google ، أو في الواقع ، أي خطوط تقوم بتحميلها من مجال تابع لجهة خارجية. غالبًا ما تكون هذه هي أبطأ شيء على الصفحة ، وأكبر شيء في الصفحة ، وسترى هذا طوال الوقت كمستخدم. عندما تقوم بتحميل صفحة ، يستغرق الأمر بضع ثوانٍ لفرزها ثم يومض الخط. إنها تجربة مستخدم سيئة حقًا. إنه أمر سيء حقًا في مجموعة كاملة من الطرق لـ Core Web Vitals ، ولكن هناك إصلاحات. لذا فإن إحدى مشكلات خطوط Google والخطوط المماثلة هي أنك تقوم بإجراء اتصال عبر النطاقات ، الأمر الذي يستغرق بعض الوقت. الشيء الذي تتصل به يستفسر عن مجموعة كاملة من الأنظمة الخلفية التي تستغرق بعض الوقت. إنه يبصق الخط مرة أخرى ، ثم يتعين عليك تنزيل هذا الخط ، ثم يتعين عليك تقديمه. هناك خمس خطوات في هذه العملية وتستغرق ثوانٍ ، ولا توجد طريقة لجعل ذلك أسرع.

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

في CSS تحميل الخط الحديث ، يمكنك تحديد مجموعات أحرف معينة. لذلك ، إذا كنت تعلم أن موقع الويب الخاص بك ، على سبيل المثال ، باللغة الإنجليزية في الغالب ، فربما لا تحتاج إلى تحميل أحرف الخط لمجموعة كاملة من الحروف الرسومية اللاتينية الموسعة ، والتي تحدث في الواقع بشكل افتراضي. إذاً الخط الذي تقوم بتحميله ، فأنت تستخدم فقط AZ ، واحد إلى تسعة ، ولكن في الواقع ، تقوم بتحميل 200 حرفًا فرديًا لا يظهر على صفحاتك أبدًا. لذا إذا كان بإمكانك تقسيم ذلك ، فهذا أسرع بكثير. ويمكنك أيضًا أن تقول ، "هل أريد أن يتم تحميل هذا الخط بسرعة ، ولكن من المحتمل ألا يتم تخزينه مؤقتًا؟ أو أينما كانت المقايضات ، إلى متى أريد الانتظار حتى يتم تحميله؟ وهل أعود إلى شيء آخر؟ أم أقوم فقط بعرض مساحة فارغة حيث يجب أن تكون؟ " هناك إعدادات مختلفة يمكنك تعديلها وأدوات يمكنك استخدامها في Google لتحسينها. وبنفس الطريقة ، مثل الصور التي تريد إلقاء نظرة عليها في كل جزء ، استفسر حقًا عن كيفية تحميل هذه الخطوط. يحتوي موقع csstricks.com على بعض الإرشادات الرائعة لمجموعة كاملة من الطرق التي يمكنك الذهاب إليها واختيار هذا بعناية. ولكن مرة أخرى ، انظر إلى نظام إدارة المحتوى الخاص بك والمكدس الخاص بك ، ستكون هناك مكونات إضافية وعمليات شراء لتسهيل ذلك.

د: ورقم ستة ، استخدم حيل CSS و JavaScript.

6. حيل CSS وجافا سكريبت

J: إذن ، الجاني التالي الأكثر شيوعًا هو كيفية تحميل الأنماط والنصوص. وإذا كان لديك موقع ويب يحتوي على الكثير من العناصر المرئية المعقدة ، وربما يكون لديه حركة وتفاعل وعناصر واجهة مستخدم وأشياء يمكنك النقر عليها والقيام بأشياء بها ، فمن المؤكد تقريبًا أن CSS و JavaScript يستخدمان لتشغيل هذا الأمر يستغرق بعض الوقت لتحميل الصفحة والتفاعل معها بطرق مختلفة. سترى هذا في تقرير Chrome Developer Tools عندما تنظر إلى هذا الشلال من الأشياء التي تعطل أشياء أخرى. جافا سكريبت هو حقًا مذنب سيئ لهذا. إذا كان لدي نص برمجي يعمل بالطاقة ، على سبيل المثال ، دائرة عرض في الجزء العلوي من صفحتي ، فلا أريد الانتظار حتى يتم تحميل هذا البرنامج النصي قبل أن يبدأ هذا العرض الدائري في التمرير. لذلك هناك بعض الأشياء التي يمكنك فعلها بهذا. الأول هو أنه يمكنك فقط جعلها أصغر. Cloudflare جيد حقًا في هذا. إذا كان أصغر حجمًا ، فسيكون عدد وحدات البايت أقل ، ويكون وقت تحميل الصفحة أسرع. لكن الشيء الآخر الذي يمكنك القيام به ، وهو أمر قوي حقًا ، هو أن تقول لملف JavaScript هذا ، لست بحاجة إلى التحميل على الفور ، يمكنني الانتظار حتى تنتهي الصفحة.

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

د: والرقم سبعة هو تحقيق أقصى استفادة من التخزين المؤقت والإصدار.

7. التخزين المؤقت والإصدار

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

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

إذا كان لديك موقع ويب أكثر تعقيدًا ، فيمكنك القيام بذلك باستخدام Cloudflare مع منتج Workers ، والذي يتيح لك ، ضمن منتج Page Rules ، تحديد بعض المنطق الخاص بك لذلك. لكن الأساس هو أنك لا تريد أن يقوم موقع الويب الخاص بك بأي شيء. إذا كان شخص ما يفتح صفحاتك ، فأنت تريد أن يتم تقديم تلك الصفحة وكل جزء من JavaScript وكل جزء من التصميم من أي مكان يكون فيه أقرب مركز بيانات منك. خوادمي في النرويج ، على ما أعتقد. ولكن إذا فتحت موقع الويب الخاص بي الآن ، فكل شيء موجود عليه يأتي من مانشستر لأن هذا هو أقرب مكان يوجد به مركز بيانات في Cloudflare. ويمكنك العبث بهذا. يمكنك إلقاء نظرة على هذا في Chrome Developer Tools ، يمكنك إضافة عمود إضافي إلى العرض الذي يوضح ما إذا كان هذا هو التخزين المؤقت لـ Cloudflare. ويمكنك البدء في اختيار هذه الإعدادات وتعديلها للتأكد من عدم حدوث أي شيء على الإطلاق.

D: وهذا يأخذنا إلى آخر واحد. رقم ثمانية ، استخدم مجموعة ذكية من جهة خارجية.

8. مجموعة أدوات الطرف الثالث الذكية

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

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

بالنسبة للأشخاص الأكثر تقنيًا ، فإن اللعبة الأخرى التي أحبها حقًا في الوقت الحالي هي Party Town. والفرضية هي أن بعض الأشياء التي تقوم بتحميلها على موقعك هي طرف ثالث. وغالبًا ما يتم تتبع وحدات البكسل و Google Tag Manager وربما الاحتمالات والنهايات الأخرى. أنت لا تريد أن تتنافس هذه الأشياء مع الأشياء المهمة الرئيسية التي تعتبر بالغة الأهمية لموقعك على الويب. لذلك ، إذا كان لدي مجموعة من JavaScript التي تدعم تحميل الصفحة ، فأنا لا أريد أن يتم تحميل Google Tag Manager ضد ذلك وسرقة الموارد ثم القتال. أريد أن أفصل بين هذه الأشياء حتى تعرف صفحتي في المتصفح أنه ينبغي حقًا إعطاء الأولوية للأشياء المهمة وأن أشياء الطرف الثالث يمكن أن تحدث في الخلفية ، ويمكن أن تحدث بشكل منفصل. ومن منظور تقني ، فإنه يقوم بتحميل كل موارد الطرف الثالث هذه في عامل منفصل ، مما يعني أنه يحدث خارج التدفق العادي ، ولا يؤثر على الأداء ، ويحدث بهدوء في الخلفية. لقد رأيت بعض المكاسب المذهلة في الأداء من هذا النوع من الأشياء. أعتقد أن هذا هو المكان الذي يسير فيه تحسين الأداء إلى حد كبير. يعد إعداده أمرًا صعبًا بعض الشيء ، فهو لا يعمل بشكل مثالي مع جميع الأشياء. ولكن إذا كنت تريد حقًا التقدم في المنافسة ، فهذه لعبة رائعة حقًا يمكنك اللعب بها. لذا فهي نسخة تجريبية قليلاً ، لكنها تستحق الاستكشاف.

د: كنت أحاول البحث عن عنوان URL الخاص بـ Party Town لأنه إذا بحثت في Google عن ذلك ، فمن الصعب جدًا العثور عليه ، ولكنه موجود على GitHub.

J: نعم. لقد أرسلت لك رابطًا يمكنك مشاركته. إنه تجريبي للغاية. إنه جيثب للغاية. إنه مهووس جدًا ومطور في الوقت الحالي.

مخلل باريتو - قم بإجراء 100 تغيير صغير

D: دعونا ننتهي مع مخلل باريتو. لذلك يقول باريتو أنه يمكنك الحصول على 80٪ من نتائجك من 20٪ من جهودك. ما هو نشاط تحسين محركات البحث الذي تنصح به والذي يوفر نتائج مذهلة لمستويات متواضعة من الجهد؟

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

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

D: ليس عليك إعطاء الأولوية للأشياء. لكن من المؤكد أن بعض الأشياء لها تأثير أكبر من الأشياء الأخرى.

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

أنت تعرف ماذا ، أنا غيرت رأيي. 80٪ ما يمكنك فعله هو الحصول على Cloudflare.

D: لقد كنت مضيفك ديفيد باين. جونو ، شكرًا جزيلاً لوجودك في بودكاست In Search SEO.

J: شكرا لاستضافتي. كان هذا ممتعا.

D: وشكرا لك على الاستماع.