Hvordan minimere HTTP-forespørsler for å forbedre lastetider

Reduser antall komponenter på sidene dine

Hva du bør vite

• Bruk eksterne stilark som ikke legger ned lastetidene for sidene dine; ikke ha mer enn én CSS- og skriptfil.
• Kombiner de fleste eller alle bildene dine til en CSS-sprite; du vil gjøre om flere bildeforespørsler til bare én.
• Bildekart kan redusere flere HTTP-bildeforespørsler til bare én hvis du har sammenhengende bilder.

Denne artikkelen forklarer hvordan du kan øke hastigheten på nettsider ved å minimere HTTP-forespørsler uten å minimere webdesignet ditt.

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

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

Kombiner filer- Ved hjelp av eksterne stilark og skript er viktig for å hindre dem fra å overbelaste siden lastetidene dine, men har ikke mer enn én CSS og én skriptfil. 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. Deretter bruker du bare bakgrunnsbilde 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 én.

Bruk hurtigbufring for å forbedre interne sideinnlastingstider

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

Hva er HTTP-forespørsler?

HTTP-forespørsler er hvordan nettlesere ber om å se sidene dine. Når nettsiden din lastes inn i en nettleser, sender nettleseren en HTTP-forespørsel til webserveren for siden i URL-en. Etter hvert som HTML-en blir levert, analyserer nettleseren den og ser etter ytterligere 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, osv. siden din har, jo flere forespørsler vil bli gjort, og jo tregere vil sidene dine lastes. Den enkleste måten å redusere antall HTTP-forespørsler på sidene dine er å ikke bruke mange (eller noen) bilder, skript, CSS, Flash osv. Men sider som bare er tekst er kjedelige.