Sådan minimeres HTTP-anmodninger for at forbedre indlæsningstider

click fraud protection

HTTP-anmodninger er, hvordan browsere beder om at få vist dine sider. Når din webside indlæses i en browser, sender browseren en HTTP-anmodning til webserveren for siden i URL'en. Når HTML leveres, analyserer browseren den og ser efter yderligere anmodninger om billeder, scripts, CSS, Flash osv.

Hver gang den ser en anmodning om et nyt element, sender den en anden HTTP-anmodning til serveren. Jo flere billeder, scripts, CSS, Flash osv. at din side har flere anmodninger, og jo langsommere indlæses dine sider. Den nemmeste måde at reducere antallet af HTTP-anmodninger på dine sider på er ikke at bruge mange (eller nogen) billeder, scripts, CSS, Flash osv. Men sider, der kun er tekst, er kedelige.

Sådan reduceres HTTP-anmodninger uden at ødelægge dit design

Heldigvis er der flere måder, du kan reducere antallet af HTTP-anmodninger på, samtidig med at du opretholder et rigt webdesign af høj kvalitet.

  • Kombiner filer - Ved brug af eksterne stilark og scripts er vigtigt for at forhindre dem i at nedbryde dine sidens indlæsningstider, men har ikke mere end en CSS og en scriptfil.
  • instagram viewer
  • Brug CSS Sprites - Når du kombinerer de fleste eller alle dine billeder til en sprite, forvandler du flere billedanmodninger til kun en. Derefter skal du bare bruge CSS-egenskaben i baggrundsbillede til at vise den del af det billede, du har brug for.
  • Billedkort - Billedkort er ikke så populære, som de engang var, men når du har sammenhængende billeder, kan de reducere flere HTTP-billedanmodninger ned til kun en.

Brug caching til at forbedre indlæsningstider for intern side

Ved at bruge CSS-sprites og kombinerede CSS- og scriptfiler kan du også forbedre indlæsningstiderne for interne sider. For eksempel, hvis du har et sprite-billede, der indeholder elementer af indvendige sider såvel som din destinationsside, så når dine læsere går til disse interne sider, er billedet allerede downloadet og i cache. Så de har heller ikke brug for en HTTP-anmodning for at indlæse disse billeder på dine indvendige sider.

instagram story viewer