كيف يعمل HTML مضغوط ولماذا قد تحتاجه

كيف يعمل HTML مضغوط ولماذا قد تحتاجه

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





في هذه المقالة ، سنتطرق إلى الطريقتين الرئيسيتين لتقليص ملفات HTML ، ولماذا يجب تقليص ملفات HTML ، وكيفية القيام بذلك.



الضغط مقابل التصغير

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





تصغير

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

نموذج لصفحة HTML:





Your Title Here



Send me mail at support@yourcompany.com .

This is a new paragraph!

This is a new paragraph in bold and italics.

الحجم الأصلي: 354. الحجم المصغر: 272. المدخرات: 82 (23.16٪).

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



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

ضغط

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



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

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

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

ضع في اعتبارك سلسلة من النص مثل هذا (مثال مأخوذ من موقع GZIP):

Blah blah blah blah blah.

تتعرف الخوارزمية على التكرار التالي:

B{lah b}{lah b}{lah b}{lah b}lah.

التواجد الأول هو مرجعنا ، لذا اتركه كما يلي:

Blah b{lah b}{lah b}{lah b}lah.

يشير التكرار الثاني إلى التكرار الأول ، والذي يتكون من خمسة أحرف خلفه وخمسة أحرف:

Blah b[5,5]{lah b}{lah b}lah.

لكن في هذه الحالة ، تتعرف الخوارزمية على أن التكرار التالي هو نفس تسلسل الأحرف ، لذلك فهي تمد طول المرجع بمقدار خمسة أخرى:

Blah b[5,10]{lah b}lah.

ومره اخرى:

Blah b[5,15]lah.

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

Blah b[5,18].

فكر الآن في ملف HTML نموذجي ومقدار التكرار الموجود بداخله. تقريبًا كل علامة ، مثل

، له علامة إغلاق مقابلة ، مثل

. علاوة على ذلك ، يتم تكرار العديد من العلامات طوال الوقت ، مثل

و

و

و

  • ، إلخ. تتكرر السمات أيضًا في كثير من الأحيان ، بما في ذلك

    class

    و

    href

    ، و

    src

    . من السهل معرفة سبب فعالية ضغط GZIP مع HTML.

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

    لماذا يجب الضغط والتصغير

    هناك نوعان من الفوائد الرئيسية ، وكلاهما مهم للغاية في عالم الويب الكثيف للجوال اليوم.

    تحميل أسرع للصفحة

    في المتوسط ​​، يمكن لمُصغّر HTML تقليل حجم الملف بحوالي 3 بالمائة مع الإعدادات الأساسية. باستخدام الإعدادات المتقدمة الاختيارية ، يمكن تقليل حجم ملف HTML بنسبة 3 إلى 7 بالمائة أخرى ، لتقليل محتمل يصل إلى 10 بالمائة. هذا يترجم مباشرة إلى أوقات تحميل أسرع للصفحة.

    استخدام أقل لعرض النطاق الترددي

    لنفترض أن لديك 10 ملفات ، كل منها مصغر من 50 كيلوبايت إلى 45 كيلوبايت لتقلص إجمالي يبلغ 50 كيلوبايت. ولنفترض أن موقع الويب الخاص بك يخدم ما معدله 1000 زائر كل يوم ، حيث يبلغ متوسط ​​كل زيارة عشر صفحات. يعمل تصغير HTML وحده على تقليل استخدام النطاق الترددي بمقدار 50 ميجابايت في اليوم (1.5 جيجابايت في الشهر).

    ضغط + تصغير

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

    كيفية العودة إلى gmail الكلاسيكي

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

    في المتوسط ​​، يمكنك أن تتوقع أن يؤدي ضغط GZIP إلى تقليص ملف HTML بنسبة 70 إلى 90 بالمائة. باستخدام المثال أعلاه مع تقدير ضغط متحفظ ، ستنتقل ملفات HTML المصغرة من 45 كيلوبايت إلى 13.5 كيلوبايت لكل منها ، لتقلص إجمالي يبلغ 365 كيلوبايت. مقارنةً بالبيانات غير المصغرة / غير المضغوطة ، يتم الآن تقليل النطاق الترددي لموقعك بمقدار 365 ميجابايت في اليوم (11 جيجابايت في الشهر).

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

    كيفية ضغط وتصغير HTML

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

    إضافات ووردبريس

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

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

    اذا أنت فقط تريد تصغير ، نوصي باستخدام تصغير HTML توصيل في. إنه بسيط ، ويدعم HTML / CSS / JS ، ويسمح لك بتعديل طريقة التصغير قليلاً (على سبيل المثال ، ما إذا كنت تريد الإزالة

    http:

    و

    https:

    من عناوين URL).

    مصغرات HTML الثابتة

    إذا كانت ملفات HTML ثابتة (أي لم يتم إنشاؤها ديناميكيًا بواسطة CMS أو إطار عمل ويب) ، فيمكنك الاحتفاظ بمجموعتين من ملفات HTML: مجموعة 'المصدر' ، والتي لم يتم تصغيرها لسهولة التحرير ، ومجموعة 'مصغرة' ، الذي تقوم بإنشائه في أي وقت تقوم فيه بإجراء تغيير على ملف المصدر.

    للتصغير ، استخدم إحدى هذه الأدوات:

    هذه تقنية قابلة للتطبيق إذا كنت قد ابتعدت عن أنظمة إدارة المحتوى مثل WordPress وتستخدم الآن مولدات المواقع الثابتة.

    تفعيل ضغط GZIP

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

    اتصل بخادم الويب الخاص بك باستخدام FTP ، ثم قم بإنشاء ملف يسمى

    .htaccess

    في الدليل الجذر. قم بتحرير ملف htaccess للحصول على الإعدادات التالية:


    mod_gzip_on Yes
    mod_gzip_dechunk Yes
    mod_gzip_item_include file .(html?|txt|css|js|php|pl)$
    mod_gzip_item_include handler ^cgi-script$
    mod_gzip_item_include mime ^text/.*
    mod_gzip_item_include mime ^application/x-javascript.*
    mod_gzip_item_exclude mime ^image/.*
    mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*


    SetOutputFilter DEFLATE

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

    للحصول على الكفاءات النهائية ، يجب عليك أيضًا تعرف على كيفية التحقق من CSS وتنظيفه وتحسينه .

    يشارك يشارك سقسقة بريد الالكتروني هل يجب عليك الترقية إلى Windows 11 على الفور؟

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

    اقرأ التالي     مواضيع ذات صلة
    • برمجة
    • لغة البرمجة
    • تطوير الشبكة
    نبذة عن الكاتب جويل لي(تم نشر 1524 مقالة)

    جويل لي هو رئيس تحرير MakeUseOf منذ عام 2018. وهو حاصل على بكالوريوس العلوم. في علوم الكمبيوتر وأكثر من تسع سنوات من الخبرة المهنية في الكتابة والتحرير.

    المزيد من Joel Lee

    اشترك في نشرتنا الإخبارية

    انضم إلى النشرة الإخبارية لدينا للحصول على نصائح تقنية ومراجعات وكتب إلكترونية مجانية وصفقات حصرية!

    انقر هنا للاشتراك