כיצד למזער בקשות HTTP לשיפור זמני הטעינה

click fraud protection

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

בכל פעם שהוא רואה בקשה לאלמנט חדש, הוא שולח בקשת HTTP נוספת לשרת. ככל שיש יותר תמונות, סקריפטים, CSS, Flash וכו '. שלדף שלך יש יותר בקשות ויתבצעו טעינות איטיות יותר. הדרך הקלה ביותר לצמצם את מספר בקשות ה- HTTP בדפים שלך היא לא להשתמש בתמונות, סקריפטים, CSS, Flash וכו 'רבים (או כלשהם). אבל דפים שהם רק טקסט משעממים.

כיצד להפחית בקשות HTTP מבלי להרוס את העיצוב שלך

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

  • שלב קבצים - שימוש גליונות סגנון חיצוניים וחשוב שסקריפטים ימנעו מלהתעמק בזמני הטעינה של הדף, אך אין להם יותר מ- CSS וקובץ סקריפט אחד.
  • השתמש ב- CSS Sprites - כאשר אתה משלב את רוב התמונות או את כולן לספרייט, אתה הופך מספר בקשות תמונות לאחת בלבד. אז פשוט השתמש במאפיין CSS של תמונת רקע כדי להציג את החלק של התמונה שאתה צריך.
  • instagram viewer
  • מפות תמונות - מפות תמונות אינן פופולריות כמו שהיו פעם, אך כאשר יש לך תמונות רציפות הן יכולות להפחית מספר בקשות של תמונות HTTP עד אחת בלבד.

השתמש במטמון כדי לשפר את זמני טעינת הדפים הפנימיים

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

instagram story viewer