מזער HTML

עם HTML miniifier, אתה יכול לצמצם את קוד המקור של דף ה-HTML שלך. עם מדחס HTML, אתה יכול להאיץ את פתיחת אתרי האינטרנט שלך.

מהו מזער HTML?

שלום לעוקבי Softmedal, במאמר של היום, תחילה נדבר על הכלי החינמי שלנו למפחית HTML ושיטות דחיסת HTML אחרות.

אתרי אינטרנט מורכבים מקובצי HTML, CSS, JavaScript. במילים אחרות, אנו יכולים לומר שאלו הקבצים שנשלחו לצד המשתמש. מלבד קבצים אלו, יש גם מדיה (תמונה, וידאו, סאונד וכו'). כעת, כאשר משתמש מגיש בקשה לאתר, אם ניקח בחשבון שהוא הוריד את הקבצים הללו לדפדפן שלו, ככל שגדלים הקבצים, כך תגדל התעבורה. צריך להרחיב את הכביש, שתהיה תוצאה של התגברות התנועה.

ככזה, לכלי ומנועי אתרים (Apache, Nginx, PHP, ASP וכו') יש תכונה הנקראת דחיסת פלט. עם תכונה זו, דחיסת קובצי הפלט שלך לפני שליחתם למשתמש תספק פתיחת עמודים מהירה יותר. מצב זה אומר: לא משנה כמה מהיר האתר שלך, אם פלטי הקבצים שלך גדולים, הוא ייפתח לאט בגלל תעבורת האינטרנט שלך.

ישנן שיטות רבות להאצת פתיחת האתר. אני אנסה לתת כמה שיותר מידע על דחיסה, שהיא אחת מהשיטות האלה.

  • אתה יכול ליצור את פלטי ה-HTML שלך באמצעות שפת התוכנה שבה השתמשת, המהדר והתוספים בצד השרת. Gzip היא השיטה הנפוצה. אבל אתה צריך לשים לב למבנה בטרילוגיית Language, Compiler, Server. ודא שאלגוריתם הדחיסה בשפה, אלגוריתם הדחיסה בקומפיילר ואלגוריתמי הדחיסה שמספק השרת תואמים זה לזה. אחרת, אתה עלול לקבל תוצאות לא רצויות.
  • זוהי גם שיטה לצמצם ככל האפשר את קובצי ה-HTML, CSS וה-Javascript שלך, להסיר קבצים שאינם בשימוש, להתקשר לקבצים שבהם נעשה שימוש מדי פעם בדפים אלה ולהבטיח שלא יבוצעו בקשות בכל פעם. זכור שקובצי HTML, CSS ו-JS חייבים להיות מאוחסנים עם המערכת שאנו מכנים Cache בדפדפנים. זה נכון שאנחנו כתוביות לקובצי HTML, CSS ו-JS שלך בסביבות הפיתוח הסטנדרטיות שלך. לשם כך, הפרסום יהיה בסביבת הפיתוח עד שנקרא לזה יציאה לאוויר (פרסום). בזמן העלייה לאוויר, הייתי ממליץ לך לדחוס את הקבצים שלך. אתה תראה את ההבדל בין גדלי הקבצים.
  • בקבצי מדיה, במיוחד אייקונים ותמונות, נוכל לדבר על הדברים הבאים. לדוגמה; אם אתה אומר סמל שוב ושוב ותשים את האייקון 16X16 באתר שלך כ-512×512, אני יכול לומר שהסמל הזה ייטען תחילה כ-512×512 ולאחר מכן יורכב כ-16×16. לשם כך, עליך להקטין את גדלי הקבצים ולהתאים את הרזולוציות שלך היטב. זה ייתן לך יתרון גדול.
  • דחיסת HTML חשובה גם בשפת התוכנה שמאחורי האתר. דחיסה זו היא למעשה משהו שיש לקחת בחשבון בעת ​​הכתיבה. כאן נכנס לתמונה האירוע שאנו מכנים Clean Code. מכיוון שבזמן שהאתר עובר קומפילציה בצד השרת, הקודים המיותרים שלך יקראו ויעובדו אחד אחד במהלך המעבד/מעבד. הקודים המיותרים שלך יתארכו בזמן הזה בעוד שמיני, מילי, מיקרו, כל מה שתגיד יקרה תוך שניות.
  • עבור מדיה במימד גבוה כגון תמונות, שימוש ב-post-loading (LazyLoad וכו') ישנה את מהירויות פתיחת הדף שלך. לאחר הבקשה הראשונה, עשוי לקחת זמן רב עד שהקבצים יועברו לצד המשתמש בהתאם למהירויות האינטרנט. עם האירוע שלאחר הטעינה, זו תהיה ההמלצה שלי לזרז את פתיחת העמוד ולמשוך את קבצי המדיה לאחר פתיחת העמוד.

מהי דחיסת HTML?

דחיסת HTML היא גורם חשוב להאצת האתר שלך. כולנו מתעצבנים כשהאתרים שבהם אנחנו גולשים באינטרנט עובדים לאט ולאט, ואנחנו עוזבים את האתר. אם אנחנו עושים זאת, מדוע שמשתמשים אחרים יצטרכו לבקר שוב כאשר הם נתקלים בבעיה זו באתרים שלנו. בתחילת מנועי החיפוש גוגל, yahoo, bing, yandex וכו'. כאשר בוטים מבקרים באתר שלך, הוא גם בודק נתוני מהירות ונגישות על האתר שלך, וכאשר הוא מוצא שגיאות בקריטריונים של SEO עבור האתר שלך להיכלל בדירוג, הוא מוודא אם אתה רשום בעמודים האחוריים או בתוצאות .

דחוס את קובצי ה-HTML של האתר שלך, האיץ את האתר שלך ודורג גבוה במנועי החיפוש.

מה זה HTML?

לא ניתן להגדיר HTML כשפת תכנות. כי לא ניתן לכתוב תוכנה שעובדת בפני עצמה עם קודי HTML. ניתן לכתוב רק תוכניות שיכולות לרוץ דרך תוכניות שיכולות לפרש את השפה הזו.

עם כלי דחיסת ה-HTML שלנו, אתה יכול לדחוס את קבצי ה-html שלך ללא בעיות. לגבי שיטות אחרות./p>

נצל את היתרון של שמירה במטמון בדפדפן

כדי לנצל את תכונת השמירה במטמון של הדפדפן, תוכל לצמצם את קובצי ה-JavaScript/Html/CSS שלך על ידי הוספת כמה קודי mod_gzip לקובץ ה-.htaccess שלך. הדבר הבא שעליך לעשות הוא לאפשר שמירה במטמון.

אם יש לך אתר מבוסס וורדפרס, בקרוב נפרסם את המאמר שלנו על התוספים הטובים ביותר למטמון ודחיסה עם הסבר נרחב.

אם אתה רוצה לשמוע על עדכונים ומידע על כלים חינמיים שייכנסו לשירות, תוכל לעקוב אחרינו בחשבונות המדיה החברתית ובבלוג שלנו. כל עוד אתה עוקב, אתה תהיה אחד האנשים הראשונים שיהיו מודעים להתפתחויות חדשות.

למעלה, דיברנו על כלי האצת אתרים ודחיסת html ועל היתרונות של דחיסת קבצי html. אם יש לך שאלות, תוכל להגיע אלינו באמצעות שליחת הודעה מטופס יצירת הקשר בסופטמדל.