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