Testverktøy for optimalisering av websider
Hastigheten til et nettsted kan være en kritisk faktor for suksess. Raskere lasting nettsteder kan dra nytte av høyere SEO rangeringer, høyere konverteringsfrekvenser, lavere bounce rater, lengre besøksvarighet på nettstedet, bedre samlet brukeropplevelse og engasjement. Derfor er det viktig å dra nytte av de mange gratisprøveverktøyene som er tilgjengelige der ute, slik at du oppnår optimal ytelse.
Hva kan en speedtest fortelle deg deg?
Her er bare noen få av de vanlige måtene som brukes i hastighetsprøveverktøy:
- Finne skript, skrifter og plugins som forårsaker belastningstidsproblemer (HTML, JavaScript, CSS)
- Kontrollerer minifisering av skriptene dine
- Finne store bilder som resulterer i flaskehalser
- Bestemme om du har gjengjeldende JavaScript eller CSS
- Testing Time to First Byte (TTFB)
- Analyserer belastningstider, sidestørrelser og antall forespørsler
- Kontrollerer ytelse fra forskjellige geografiske steder
- Kontrollerer gjengivelseshastigheten i forskjellige nettlesere
- Analyserer HTTP-hoder
- Måle ytelsen til innholdsleveringsnettverket
- Verifiserer at innhold lastes riktig fra CDN
Optimalisering av Javascript
Google anbefaler at du fjerner eller utsetter javascript som forstyrrer lastingen av innholdet på nettsidene ovenfor. Her er et fint eksempel på hvordan du skal utsette javascript lasting på riktig måte.
Eksempel på å utsette javascript ved å plassere det rett før </ body> -taggen din.
function downloadJSAtOnload() { var element = document.createElement("script"); element.src = "defer.js"; document.body.appendChild(element); } if (window.addEventListener) window.addEventListener("load", downloadJSAtOnload, false); else if (window.attachEvent) window.attachEvent("onload", downloadJSAtOnload); else window.onload = downloadJSAtOnload;
Optimalisering av CSS
Du vil optimalisere CSS-levering for å hindre at det oppstår forsinkelser på sidebelastning. Her er noen måter å fikse dette på:
- Pass på å laste inn CSS-filene dine på riktig måte
- Unngå å lese for store og tunge CSS-filer
- Ikke overdriv med bruken av CSS
- Hvite mellomromstegn
- Nye linjetegn
- Kommentarer
- Blokker sideavbrekk
Dette øker belastningstiden, da det reduserer mengden kode som må lasted ned fra serveren. Du kan bruke et verktøy som Dan’s CSS og JavaScript Minify for å fjerne alle unødvendige tegn. Eller hvis du kjører WordPress, kan du bruke et plugin som Autoptimize som vil redusere all HTML, JavaScript og CSS for deg.
Når nettleseren henter data fra en server, gjør den det ved hjelp av HTTP (Hypertext Transfer Protocol). Det er en forespørsel / svar mellom en klient og en vert. Generelt, jo flere HTTP-forespørsler at nettsiden din gjør det tregere den vil laste. Det er mange måter du kan redusere antall forespørsler som:
- Kombinerer CSS og JavaScript-filer
- Inline JavaScript (bare hvis det er veldig lite)
- Bruke CSS Sprites
- Redusere eiendeler som tredjepartsplugins som gir et stort antall eksterne forespørsler
Pingdom Tools
Pingdom er sannsynligvis et av de mer kjente nettstedets hastighetsprøveverktøy. Deres rapporter er delt inn i fire forskjellige seksjoner som inkluderer en nedbryting av foss, ytelseskvalitet, sidanalyse og historie. Siden analyse gir en flott oversikt med tilleggsinformasjon, for eksempel en størrelsesanalyse, størrelse per domenenavn (du kan enkelt sammenligne CDN-størrelsen din mot domenet ditt), antall forespørsler per domene, og hvilken type innhold som har flest forespørsler.
KeyCDN Website Speed Test
KeyCDN bygde et raskt og lett nettstedhastighetsprøveverktøy som du kan bruke til å få detaljert innsikt i hvordan nettstedet ditt presterer. Du kan teste fra 14 forskjellige steder i verden, og du har mulighet til å gjøre testresultatene dine private eller offentlige. Testen inkluderer en nedbryting av fossen og en visuell nettside forhåndsvisning nederst. Du kan raskt se hvor mange HTTP-forespørsler som ble gjort, full størrelse på siden som ble forespurt, og belastetiden. Det er også et av de eneste verktøyene i tillegg til PageSpeed som er responsivt og fungerer bra på mobile enheter.
Google PageSpeed Insights
Google PageSpeed Insights er et nettsidehastighetsprøveverktøy som karakteriserer nettstedet ditt på en skala fra 1 til 100. Jo høyere tallet desto bedre er nettstedet ditt. Alt over en 85 indikerer at nettstedet ditt fungerer bra. PageSpeed gir deg rapporter for både desktop og mobile versjoner av nettstedet ditt. Du kan vise anbefalinger for forbedringer, for eksempel du må redusere CSS eller optimalisere bildene dine.
GTmetrix
GTmetrix går i detalj, da den sjekker både PageSpeed og YSlow-beregninger og tildeler nettstedet ditt en karakter fra F til A. Rapportene er delt inn i fem forskjellige seksjoner, inkludert PageSpeed, YSlow, nedbryting av vannfall, video og historie. Med en gratis registrering kan du teste fra syv forskjellige steder. De lar deg også velge nettleseren Chrome vs Firefox. Du kan teste og sammenligne nettstedets ytelse mot ulike tilkoblingstyper (for eksempel Kabel vs oppringing) for å se hvordan det påvirker sidelastene dine. Andre avanserte funksjoner inkluderer en videoavspilling for å analysere hvor flaskehalsen din oppstår, og også muligheten til å kjøre Adblock plus. Med annonser deaktivert kan du se hvordan de påvirker lastingen av nettstedet ditt. Merk: Det anbefales å lage en gratis konto, da du får flere alternativer enn de som er nevnt ovenfor.
WebPageTest
WebPageTest er veldig lik noen av de tidligere nevnte verktøyene, men har over 40 steder å velge mellom og over 25 nettlesere (inkludert mobil). Det tilordner deg en karakter fra F til A basert på forskjellige ytelsestester som FTTB, komprimering, caching, effektiv bruk av en CDN, etc. Rapporten er delt inn i seks seksjoner, som inneholder en oppsummering, detaljer, ytelsesvurdering, innholdssammenheng og skjermbilder. Det gir også en unik tilnærming til testen. Det kjører det de kaller en første visning og en gjentatt visning. Dette bidrar til å diagnostisere hva som kanskje er en første gang DNS oppslagstidsforsinkelse som nevnt tidligere. WebPageTest har også mer avanserte funksjoner som videoopptak, deaktivering av JavaScript, ignorering av SSL-sertifikater og spoofing av brukeragentstrenger.
Varvy Pagespeed Optimization
Varvy Pagespeed Optimization er et verktøy utviklet og vedlikeholdt av Patrick Sexton, som også opprettet GetListed.org, som nå er kjent som Moz Local. Rapportene er delt inn i 5 forskjellige seksjoner, inkludert et ressursdiagram, css-levering, javascript-bruk, sidebeskyttelsesproblemer og tjenester som brukes. Dette verktøyet bruker en grafisk fremstilling av hva som kan løses på nettstedet ditt.. Patrick gjør en flott jobb med også dokumentasjon på hvordan du kan optimalisere nettstedet ditt med opplæringsprogrammer på kritisk gjengivelsesbane, utnytte nettleservakking, utsette lasting javascript og mye mer.
Iwebchk
Iwebchk er et gratis SEO revisjonsverktøy som gir nettsideanalyse i SEO, ytelse, gyldighet, sikkerhet, tilgjengelighet og mer. Iwebchk mål er å gi all mulig informasjon relatert til nettstedet ditt som kan bidra til å forbedre din tilstedeværelse på nettet. Kort sagt, de vil gjerne forbedre Internett. Dette nettstedet har fokus på søkomotoroptimalisering.