يو يو! كبار المسئولين الاقتصاديين الاشياء كبيرة. لا أحد يعرف ما يجب القيام به للتأكد من أن الموقع "ليس في القمة" ولماذا لا يعمل النشاط التجاري عبر الإنترنت. وبحثًا عن السبب الحقيقي ، أصبح أصحاب المواقع مثل العمات البالغة من العمر أربعين عامًا الذين يؤمنون بجميع الأشياء الغجرية في السوق. وهكذا ، عند التقاط لوحة المفاتيح وكتابة استعلام في محرك البحث ، سيرون "نصيحة سحرية" - "100 نقطة على سرعة صفحة google وستكون سعيدًا". لا حرج في محاولة تسريع موقعك ، فقط fl وجميع أنواع kwork مليئة بطلبات مثل "تحسين الموقع إلى 100 نقطة على سرعة الصفحة" ، ولا يفهم مالكو المواقع أنفسهم كم يمكن أن يكلفهم هذا التحسين في الواقع.
اليوم أريد أن أقول لماذا يكاد يكون من المستحيل تحقيق القيمة العزيزة في بعض القرارات أو ستكون باهظة الثمن. سأطرح بعض النصائح حول سرعة الصفحة وأتحدث عنها.
استخدم تنسيقات الصور الحديثة
تقول هذه النصيحة ، "صور
JPEG 2000 و JPEG XR و WebP تستخدم ضغطًا أكثر كفاءة ، بحيث يتم تحميلها بشكل أسرع وتستهلك حركة مرور أقل من صور PNG و JPEG. " هذه النصيحة ، في رأيي ، هي الأصعب في اللقاء لعدة أسباب.
دعم المستعرض لـ JPEG 2000 و JPEG XR و WebP
للتحقق ، نستخدم
caniuse لمعرفة كيف تدعم المتصفحات التنسيقات. في هذا الموقع ، علمنا أن JPEG 2000 مدعوم فقط بواسطة رحلات السفاري (باستثناء إصدار windows) ، JPEG XR for IE. تتحسن WebP ، لكن هل تخمين من لا يدعمها؟!) هذا صحيح! سفاري وبالتالي ، اكتشفنا أنه لا يوجد تنسيق عالمي وإذا كنت تريد استخدامها في المنزل ، فسيتعين عليك تحميل تنسيقين على الأقل. هذا على الأقل وقت ، وستدفع كحد أقصى المصمم الذي يجعلك اللافتات.
دعم CMS
بطبيعة الحال ، فإن دفع 500 روبل مصمم ليس مشكلة كبيرة ، لكن التعامل مع CMS ليس بالأمر السهل. في الوقت الحالي ، تمكنت من التحقق من الدعم على 3 CMS: وورد ، Bitrix ، جملة. لا أحد منهم خارج المربع يدعم أي من التنسيقات المدرجة. هناك العديد من الإضافات على WordPress التي تقول أنها تفعل webp ، ولكن في الواقع لا يوجد مكون إضافي مجاني لهذا الغرض. بالإضافة إلى ذلك ، حتى في هذه الحالات ، لا يمكن تحميل webp في نص المقالة ؛ عندما يتم حفظ المنشور ، يتم حذف الرابط إلى ملف بتنسيق غير مدعوم. في Bitrix ، لا يوجد مثل هذه الوحدة. تحتاج إلى كتابة نفسك ما هو وورد ، ما هو ل bitrix. هذه ليست تحسينات بسيطة تتطلب معرفة جيدة ووقتًا كافيًا.
ضبط الترميز الفعال للصورة
نصيحة: "يتم
تحميل الصور المحسّنة بشكل أسرع وتستهلك بيانات جوّال أقل ". هذه نصيحة جيدة للغاية ، لكنها في الحقيقة ستقسم دائمًا على صور "كبيرة" ، حتى إذا كانت "maskalka" تتصفح صورك في وورد مع البرنامج المساعد "Winsite Image Optimizer" الذي يوجد به رابط في مساعدة Google (رابط إلى
imageoptim. كوم ) ثم كل نفس سيبقى استياءه.
ما تبقى لتفعل؟ من الأفضل حفظ الملفات بأدنى جودة في "مرحلة Photoshop" وتنفيذها بشكل أفضل من خلال الاستيراد ، بدلاً من "حفظ باسم". الفرق في الحجم هائل.
القضاء على موارد حجب العرض
نصيحة : "
تمنع بعض الموارد تحميل محتوى الصفحة. نوصيك بتهيئة تحميل موارد JS / CSS اللازمة في المقام الأول وتأجيل تحميل الموارد الأخرى. "
هذه النصيحة بسيطة للغاية إذا كنت تعمل مع موقع مكتوب ذاتيًا ، إذا كنت تعرف "ماذا وأين ومتى". ولكن إذا كان الأمر يتعلق بـ CMS واستخدام المكونات الإضافية والوحدات النمطية ، فمن الصعب القيام بذلك. على سبيل المثال ، في Wordpress ، كل شيء يعتمد على الإضافات المستخدمة. لحل هذه المشكلة ، سيكون عليك البحث في رمز المكونات الإضافية وتجد هناك كيفية توصيل البرامج النصية الخاصة بهم (و jquery للإقلاع). بعد ذلك ، باستخدام
wp_deregister_script ، نزيل اتصال البرامج النصية من البرنامج المساعد
ونحمّلها في المكان المناسب ، أينما نريد.
هناك طريقة أخرى هي ضغط البرامج النصية و / أو الأنماط في ملف واحد. تعطي هذه الطريقة حقًا الكثير من النقاط على سرعة الصفحة ، ولكن في الواقع يمكن أن تبطئ عملية تقديم المحتوى ، ولن يعمل جزء من جافا سكريبت.
بعد أن جربت هذه الطريقة ، رأيت أن سرعة الصفحة تظهر تدهورًا في معلمة "وقت التأخير التقريبي للإدخال" ، وبصورة تقريبية ، يبدأ الموقع على الجوال في التباطؤ. وكلما ضغطت (دمجت في ملف واحد / دمجت في ملف واحد وتقلصت) الملفات ، كلما كانت هذه المعلمات أسوأ. وهذا يعني أن الهاتف الذكي يجب أن يجهد لقراءة هذا وتنفيذه.
تقليل وقت استجابة الخادم
نصيحة بسيطة ، كما يبدو لي ، لكنها لا تعتمد دائمًا على مبرمج الويب. انتقل إلى ملف التعريف على موقعك وابحث عن الرمز الذي يبطئ. في بعض الأحيان يحدث أن يسمى نفس الرمز عدة مرات في نفس الملف. اكتب نتيجة التنفيذ في متغير واستخدمها إذا كان ذلك مناسبًا. استخدام التخزين المؤقت. أحاول استخدام memched ، لذلك أدفع مضيفي من 30 إلى 120 روبل شهريًا حسب المشروع. أعتقد أن هذا سوف يساعدك.
تأجيل تحميل الصور المخفية
توصية الاختبار "
لتقليل الوقت قبل بدء التفاعل ، نوصي باستخدام مبدأ التحميل البطيء للصور المخفية بعد تحميل جميع الموارد المهمة ."
أعتقد أن القيام بذلك بسيط للغاية وهناك العديد من الأمثلة على الإنترنت حول كيفية القيام بذلك. على سبيل المثال ، هناك مقال جيد حول
الحيل CSS . لكي يعمل كوده ، فإن الشيء الرئيسي هو تغيير سمات الصورة. انها بسيطة جدا. تحميل كسول هو جيد ، ولكن ملف جافا سكريبت +1.
في بداية المقال تحدثت عن نصيحة متضاربة إلى حد ما ، وفي النهاية تحولت إلى نصائح فعالة. نعم ، بالطبع ، يعد تحسين الكود جيدًا ، لكن مالكي مواقع الويب يفكرون في الربح وأن هذه التحويلات ستؤدي إلى زيادة الأرباح من خلال تحسين محركات البحث.
يجب أن تفهم أن تحسين شفرة موقع الويب ليس سوى الخطوة الأولى في الترويج ، وأن الترويج لمحرك البحث نفسه فعال فقط بالنسبة لتلك المواقع التي يوجد فيها طلب على المنتج.
PS
لا تكن بجنون العظمة ، فاعرف أنه يجب أن يكون هناك طلب مشجع للترويج لموقع الويب على مُحسنات محركات البحث (SEO) ، وتلبية احتياجات العملاء الخاصة بك ومن ثم سيكون موقعك في القمة.