מדריך למתחילים לאופטימיזציה של קבצי אתרים (טעינה מהירה יותר של 70%)

כדי להאיץ את אתר האינטרנט שלך ולחסוך רוחב פס, דחיסה היא אחת הדרכים היעילות (והקלות ביותר) להשיג זאת.


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

כדי לקצר סיפור ארוך, אחת הדרכים החשובות ביותר להאיץ את מהירויות טעינת העמודים שלך היא לגרום לקבצי JavaScript (JS) לטעינה מהירים יותר … ותוכל להאיץ את JavaScript באמצעות דחיסת GZIP.

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

אבל ראשית, בואו ליצור קצת הקשר.

שלב 1: מהו קידוד תוכן?

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

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

בקשת HTTP

בעיקרון, הדפדפן אומר לשרת מה הוא רוצה. השרת מחפש אותו ומצא אותו. לאחר מכן הדפדפן טוען אותו. ככל שהקובץ גדול יותר, כך לוקח לדפדפן לטעון אותו זמן רב יותר.

אז מה עושים כשקובץ גדול מדי?

אתה תמצה אותו. כשאתה שולח קובץ שמרוכסן לדפדפן, אתה חוסך גם בזמן הורדה וגם ברוחב הפס.

ישנם שני אלמנטים המשויכים לשרת ולדפדפן בידיעה שזה בסדר לשלוח קובץ מכווץ:

  • הדפדפן מאפשר לשרת לדעת שזה בסדר לשלוח את התוכן הדחוס על ידי שליחת כותרת עליונה
  • אם התוכן דחוס, השרת שולח תגובה

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

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

הגדרת השרת

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

ביצועי רשת לאחר דחיסה

לשם כך, פשוט הפעל את הגדרות הדחיסה עבור IIS. אם אתה משתמש ב- Apache, זה פשוט יחסית כדי לאפשר דחיסת פלט. פשוט גש לקובץ ה- .htaccess שלך והוסף את הקוד הראוי.

ישנן שתי אפשרויות דחיסה לבחירה באמצעות Apache:

  • mod_deflate הוא סטנדרטי וקל יותר להגדיר אותו
  • mod_gzip מאפשר לדחוס תוכן מראש והוא נראה חזק יותר

Apache קל להפיכה

לא משנה באיזו אפשרות תבחר, אפאצ’י יראה אם ​​הדפדפן שלח את הכותרת לקידוד קבל ואז יחזיר את הקובץ בגרסתו הרגילה או בגרסתו הדחוסה.

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

כדי להחזיר תוכן דחוס, אתה יכול להשתמש ב- PHP אם אינך מצליח לבצע שינויים בקובץ ה- .htaccess שלך. ב- PHP:

<?php if (substr_count ($ _ SERVER [‘HTTP_ACCEPT_ENCODING’], ‘gzip’)) ob_start (“ob_gzhandler”); other ob_start (); ?>

גרסת gzipped של הקובץ מוחזרת לאחר בדיקת כותרת קידוד האישור. זה דומה לבניית שרת אינטרנט בעצמך. כדי לדחוס את הפלט שלך, אפאצ’י כן מקל על זה.

הערת אזהרה חשובה: רוב התוכנות לבניית אתרים אינן מאפשרות עריכה ברמת קוד (עם כמה חריגים). באירוח קנדה, אנו תומכים חזקים באירוח עצמי של האתר שלך, אך מבינים שזה לא לכולם. כשמשתמשים בוני אתרים כמו Squarespace, Wix או Weebly, סוג זה של התמודדות ברמת השרת הוא ככל הנראה מעבר ליכולתך.

אמת את הדחיסה שלך

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

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

אם התוכן נשלח דחוס, תראה את הכותרת “קידוד תוכן: GZIP”.

כותרת

כדי לקבל פרטים נוספים, אתה יכול ללחוץ על הסמל עבור “השתמש בשורות גדולות.” זה גם מספק מידע על גודל התוכן האמיתי וגודל ההעברה הדחוס.

אזהרות שיש לקחת בחשבון

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

  • גרף יחס דחיסהתוכן שכבר דחוס: רוב המוסיקה, הסרטונים והתמונות כבר דחוסים. אם תנסה לדחוס אותם שוב, זה בעיקר רק בזבוז זמן. ברוב המקרים, אתה רק צריך לדאוג לדחיסת CSS, HTML ו- JavaScript.
  • דפדפנים ישנים יותר: תוכן דחוס אינו תואם לכל הדפדפנים. זה נכון במיוחד לדפדפנים שמבוגרים יותר. לדוגמה, ייתכן שתרצה להימנע מדחיסת HTTP אם עליך לעבוד על Windows 95 או עם Netscape 1.0. ישנם כמה כללים והנחיות למניעת דחיסה עבור דפדפנים ישנים עם אפ-אפ-אפ modache.
  • עומס מעבד: חסוך רוחב פס והשתמש בזמן מעבד כשאתה דוחס תוכן תוך כדי תנועה. בהתחשב במהירות הדחיסה, הסחר נחשב בדרך כלל כהוגן. ישנן דרכים הן לשלוח גרסאות דחוסות והן לדחיסת תוכן סטטי מראש. בדרך כלל זה דורש תצורה רבה יותר. זכור שלאנשים באינטרנט יש טווח קשב קצר, כך שלגדול המהירות לחוויית משתמש טובה יותר באמצעות מחזורי CPU זה בדרך כלל תמיד רעיון טוב.

מדוע עליך להשתמש בדחיסת GZIP

קונסולת דחיסת httpדחיסת GZIP מציעה שפע יתרונות. חשוב לדעת מהם הדברים כך שתודעו היטב מדוע עליכם להתחיל להשתמש בה.

בממוצע, השימוש ב- GZIP כדי לדחוס את קבצי ה- CSS וה- HTML חוסך לך 50 עד 70 אחוז מגודל הקובץ הכולל. חיסכון משמעותי בגודל הקבצים מביא לחוויית משתמש טובה ויעילה בהרבה באתר האינטרנט שלך.

טכניקה זו ממלאת גם תפקיד חשוב ב- SEO הכולל של אתר האינטרנט שלך. מנועי חיפוש משתמשים באלגוריתמים מורכבים כדי לקבוע היכן אתרים ודפי אינטרנט נופלים בתוצאות החיפוש.

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

מבחן מהירות דחיסת 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
    Like this post? Please share to your friends:
    Adblock
    detector
    map