دليل المبتدئين لتحسين ملف موقع الويب (70٪ تحميل أسرع)

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

… ومع ذلك ، لا يزال العديد من مالكي مواقع الويب لا يحسنون ملفاتهم في عام 2020 ، إما لأنهم لا يعرفون مدى أهميتها أو أنهم لا يعرفون كيف.

لجعل القصة الطويلة قصيرة ، فإن إحدى أهم الطرق لتسريع سرعات تحميل صفحتك هي تحميل ملفات JavaScript (JS) بشكل أسرع … ويمكنك تسريع JavaScript باستخدام ضغط GZIP.

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

لكن أولاً ، دعنا ننشئ القليل من السياق.

الخطوة رقم 1: ما هو ترميز المحتوى?

لتتمكن من تحسين ملفات موقعك على الويب بشكل فعال ، من المهم فهم مفهوم يُعرف باسم ترميز المحتوى.

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

طلب HTTP

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

لذا ، ماذا تفعل عندما يكون الملف كبيرًا جدًا?

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

هناك عنصران مرتبطان بالخادم والمتصفح مع العلم أنه من الجيد إرسال ملف مضغوط:

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

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

سيتعين على المتصفح التعامل مع الإصدار الثقيل العادي حيث لا يرسل الخادم المحتوى المضغوط.

الحصول على إعداد الخادم

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

أداء الويب بعد الضغط

للقيام بذلك ، قم ببساطة بتمكين إعدادات الضغط لـ IIS. إذا كنت تستخدم Apache ، فمن السهل نسبيًا تمكين ضغط الإخراج. ما عليك سوى الوصول إلى ملف htaccess الخاص بك وإضافة الرمز المناسب.

هناك خياران للضغط للاختيار من بينهما باستخدام Apache:

  • يعد mod_deflate معيارًا ومن الأسهل إعداده
  • يتيح لك mod_gzip ضغط المحتوى مسبقًا ويظهر أكثر قوة

اباتشي سهل يفرغ

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

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

لإرجاع المحتوى المضغوط ، يمكنك استخدام PHP إذا كنت غير قادر على إجراء تغييرات على ملف htaccess الخاص بك. في PHP:

<?php if (substr_count ($ _ SERVER [“HTTP_ACCEPT_ENCODING”]، “gzip”)) ob_start (“ob_gzhandler”) ؛ آخر ob_start () ؛ ?>

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

تحذير هام: معظم برامج إنشاء مواقع الويب لا تسمح بالتحرير على مستوى الكود (مع بعض الاستثناءات). في استضافة كندا ، نحن مدافعون أقوياء عن استضافة موقعك ذاتيًا ، لكننا ندرك أنه ليس للجميع. عند استخدام منشئي مواقع مثل Squarespace أو Wix أو Weebly ، ربما يكون هذا النوع من الترقيع على مستوى الخادم بعيدًا عن متناولك.

تحقق من ضغطك

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

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

إذا تم إرسال المحتويات مضغوطة ، فسترى رأس “ترميز المحتوى: GZIP”.

عنوان جوجل كروم gzip

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

تحذيرات للنظر فيها

يوفر الضغط ثروة من الفوائد ، ولكن هناك سلبيات لكل شيء. تريد أن تكون على علم بما يلي:

  • الرسم البياني لنسبة الضغطالمحتوى المضغوط بالفعل: يتم ضغط معظم الموسيقى والفيديو والصور بالفعل. إذا حاولت ضغطها مرة أخرى, هذا إلى حد كبير مجرد مضيعة للوقت. في معظم الحالات ، ما عليك سوى القلق بشأن ضغط CSS و HTML و JavaScript.
  • المتصفحات القديمة: المحتوى المضغوط غير متوافق مع جميع المتصفحات. هذا ينطبق بشكل خاص على المتصفحات الأقدم. على سبيل المثال ، قد ترغب في تجنب ضغط HTTP إذا كان يجب عليك العمل على Windows 95 أو مع Netscape 1.0. هناك بعض القواعد والمبادئ التوجيهية لتجنب الضغط للمتصفحات الأقدم باستخدام Apache mod-deflate.
  • تحميل CPU: وفر عرض النطاق الترددي واستخدم وقت CPU عند ضغط المحتوى أثناء التنقل. بالنظر إلى سرعة الضغط ، يُنظر عادةً إلى المفاضلة على أنها عادلة. هناك طرق لإرسال نسخ مضغوطة ومحتوى ثابت مضغوط مسبقًا. يتطلب هذا بشكل عام المزيد من التكوين. تذكر أن الأشخاص الموجودين على الإنترنت لديهم فترة اهتمام قصيرة ، لذا فإن زيادة السرعة للحصول على تجربة مستخدم أفضل باستخدام دورات وحدة المعالجة المركزية عادةً ما تكون فكرة جيدة دائمًا.

لماذا يجب عليك استخدام ضغط GZIP

وحدة تحكم ضغط httpيوفر ضغط GZIP ثروة من الفوائد. من المهم أن تعرف ما هي هذه حتى تكون على دراية تامة لماذا يجب أن تبدأ في استخدامه.

في المتوسط, يؤدي استخدام GZIP لضغط ملفات CSS و HTML إلى توفير 50 ​​إلى 70 بالمائة من إجمالي حجم الملف. ينتج عن هذا التوفير الكبير في حجم الملف تجربة مستخدم أفضل وأكثر كفاءة على موقع الويب الخاص بك.

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

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

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

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

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

تُظهر دراسات الحالة أنه يمكنك تحسين معدل التحويل الخاص بك بأكثر من 15 بالمائة عن طريق تقليل وقت تحميل موقع الويب الخاص بك بمقدار 2.2 ثانية فقط.

استكشاف مشكلات ضغط GZIP وإصلاحها

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

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

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

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

في بعض الحالات ، يمتلك مضيف الويب حق الوصول إلى الملفات المناسبة للسماح بضغط GZIP ، لكنك لا تفعل ذلك. في هذه الحالة ، ما عليك سوى الاتصال بمضيفك واطلب منه تمكينها.

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

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

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

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

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

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

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

المراجع واعتمادات الصورة:

  • BetterExplained.com
  • OpenSourceVarsity.com
  • Geekeasier.com
  • WebPerformance.com
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me

About the author