Hvordan minimere HTTP-forespørsler for å forbedre lastetider

click fraud protection

HTTP-forespørsler er hvordan nettlesere ber om å se sidene dine. Når websiden din lastes inn i en nettleser, sender nettleseren en HTTP-forespørsel til webserveren for siden i URL-en. Når HTML-en leveres, analyserer nettleseren den og ser etter flere forespørsler om bilder, skript, CSS, Flash, og så videre.

Hver gang den ser en forespørsel om et nytt element, sender den en annen HTTP-forespørsel til serveren. Jo flere bilder, skript, CSS, Flash, etc. at siden din har flere forespørsler vil komme og jo langsommere blir sidene lastet inn. Den enkleste måten å redusere antall HTTP-forespørsler på sidene dine er å ikke bruke mange (eller noen) bilder, skript, CSS, Flash, etc. Men sider som bare er tekst er kjedelige.

Hvordan redusere HTTP-forespørsler uten å ødelegge designet

Heldigvis er det flere måter du kan redusere antall HTTP-forespørsler samtidig som du opprettholder rike webdesign av høy kvalitet.

  • Kombiner filer - Ved hjelp av eksterne stilark og skript er viktig for å forhindre at sidene lastes inn, men ikke har mer enn én CSS og en skriptfil.
  • instagram viewer
  • Bruk CSS Sprites - Når du kombinerer de fleste eller alle bildene dine til en sprite, gjør du flere bildeforespørsler til bare én. Da bruker du bare bakgrunnsbildet CSS-egenskapen for å vise delen av bildet du trenger.
  • Bildekart - Bildekart er ikke så populære som de en gang var, men når du har sammenhengende bilder, kan de redusere flere HTTP-bildeforespørsler ned til bare en.

Bruk caching for å forbedre interne sidetilgangstider

Ved å bruke CSS-sprites og kombinerte CSS- og skriptfiler, kan du også forbedre lastetiden for interne sider. For eksempel hvis du har et sprite-bilde som inneholder elementer av interiørsider så vel som din destinasjonssiden, og når leserne dine går til de interne sidene, er bildet allerede lastet ned og i cache. Så de trenger heller ikke en HTTP-forespørsel for å laste inn bildene på interiørsidene dine.

instagram story viewer