I en tid n\u00e4r n\u00e4stan all information \u00e4r tillg\u00e4nglig n\u00e4r som helst och var som helst m\u00e5ste webbplatser och annat inneh\u00e5ll p\u00e5 n\u00e4tet uppfylla vissa kriterier f\u00f6r att tillfredsst\u00e4lla anv\u00e4ndarna (och d\u00e4rmed \u00e4ven s\u00f6kmotorerna). Ett av dessa kriterier \u00e4r laddningstiden. Vi f\u00f6rklarar hur du kan analysera prestandan och sedan optimera den f\u00f6r att uppn\u00e5 b\u00e4ttre rankning p\u00e5 l\u00e5ng sikt.<\/p>\n\n\n\n
T\u00e4nk dig att du g\u00e5r in i en snackbar, du \u00e4r riktigt hungrig och du blir bara inte serverad. Vad h\u00e4nder d\u00e5? Exakt, du l\u00e4mnar butiken i all hast och g\u00e5r till konkurrenten i hopp om att f\u00e5 n\u00e5got att \u00e4ta d\u00e4r snabbare. \u00c4ven om du inte l\u00e4mnar omedelbart \u00e4r det osannolikt att du kommer tillbaka.<\/p>\n\n\n\n
Om man \u00f6verf\u00f6r det h\u00e4r exemplet till den digitala v\u00e4rlden blir snackbaren en webbplats och servicehastigheten blir webbplatsens laddningstid. Om du vill spela i den h\u00f6gsta ligan n\u00e4r det g\u00e4ller rankning b\u00f6r du t\u00e4nka p\u00e5 din service, med andra ord din prestanda, s\u00e5 snart som m\u00f6jligt. Google gillar att ranka webbplatser som \u00e4r s\u00e4rskilt anv\u00e4ndarv\u00e4nliga. F\u00f6rutom en sammanh\u00e4ngande layout och en tydlig presentation av ett \u00e4mne omfattar anv\u00e4ndarv\u00e4nlighet ocks\u00e5 laddningstiden f\u00f6r inneh\u00e5llet. Om sidan tar f\u00f6r l\u00e5ng tid att ladda \u00f6kar avvisningsfrekvensen eftersom m\u00e5nga anv\u00e4ndare klickar p\u00e5 \u201cbak\u00e5tknappen\u201d och g\u00e5r vidare till n\u00e4sta s\u00f6kresultat i Googles SERP.<\/p>\n\n\n\n
Innan du f\u00f6rb\u00e4ttrar prestandan p\u00e5 din webbplats \u00e4r det b\u00e4st att f\u00f6rst kontrollera hur d\u00e5lig din PageSpeed faktiskt \u00e4r. Du kan anv\u00e4nda olika verktyg f\u00f6r att g\u00f6ra detta.<\/p>\n\n\n\n
PageSpeed-insikter<\/a> \u00e4r ett verktyg fr\u00e5n Google som g\u00f6r att du kan kontrollera prestandan f\u00f6r en viss webbadress p\u00e5 nolltid. I b\u00e4sta fall f\u00e5r du betyget \u201cBra\u201d f\u00f6r b\u00e5de utdata p\u00e5 mobila enheter och utdata p\u00e5 station\u00e4ra enheter. Om laddningstiden inte \u00e4r riktigt lika optimal, bed\u00f6mer verktyget prestandan som \u201cMedium\u201d. Med betyget \u201cl\u00e5g\u201d finns det ett behov av optimering. Det fina \u00e4r att Google ger dig optimeringsf\u00f6rslag direkt efter analysen.<\/p>\n\n\n\n Anv\u00e4nder du dig av Pingdom testar webbplatsens hastighet<\/a> f\u00f6r att analysera din sidas prestanda kommer du att m\u00e4rka att den ger en mycket mer positiv bild av laddningstiderna \u00e4n Googles PageSpeed Insights. Du har ocks\u00e5 m\u00f6jlighet att v\u00e4lja olika serverplatser f\u00f6r din fr\u00e5ga. Efter analysen visar verktyget laddningstiden (f\u00f6rhoppningsvis i millisekunder), Google PageSpeed Performance Grade (b\u00f6r vara A), webbplatsens storlek och en rad andra data.<\/p>\n\n\n\n Analysen blir \u00e4nnu mer omfattande med de Verktyg fr\u00e5n webpagetest.org<\/a>. H\u00e4r kan du v\u00e4lja n\u00e5gra fler serverplatser och - s\u00e4rskilt coolt - definiera testmilj\u00f6n (smartphone-modell, webbl\u00e4sare etc.). Resultaten \u00e4r mycket omfattande och utg\u00f6r en utm\u00e4rkt databas som hj\u00e4lper dig att optimera prestandan p\u00e5 din webbplats.<\/p>\n\n\n\n N\u00e4r du har analyserat var skon kl\u00e4mmer n\u00e4r det g\u00e4ller webbplatsens laddningstid kan du b\u00f6rja med optimeringen.<\/p>\n\n\n\n F\u00f6r att g\u00f6ra de analysdata som tillhandah\u00e5lls lite l\u00e4ttare f\u00f6r dig att f\u00f6rst\u00e5: De vanligaste orsakerna till d\u00e5liga prestationer \u00e4r...<\/p>\n\n\n\n ...stora m\u00e4ngder data,<\/p>\n\n\n\n okomprimerade bilder,<\/p>\n\n\n\n ett \u00f6verbelastat tema och<\/p>\n\n\n\n l\u00e5ngsamma databaser och servrar.<\/p>\n\n\n\n Din webbplats k\u00f6rs p\u00e5 WordPress eller Joomla! och det premiumtema du k\u00f6pte ser riktigt smart ut? Det \u00e4r bra, men det \u00e4r inte ovanligt att teman \u00e4r helt \u00f6verbelastade, vilket leder till l\u00e5ngsamma laddningstider f\u00f6r webbplatsen. Ta en titt och se om det finns ett smalare tema som inte bara k\u00e4nnetecknas av sitt omedelbart tilltalande utseende utan ocks\u00e5 av sin prestanda.<\/p>\n\n\n\n Om det inte \u00e4r temat i sig som \u00e4r problemet kan plugins ocks\u00e5 p\u00e5verka laddningstiden f\u00f6r webbplatser negativt om det sker f\u00f6r m\u00e5nga databas\u00e5tkomster. Detta g\u00e4ller s\u00e4rskilt f\u00f6r mindre k\u00e4nda och d\u00e5ligt implementerade plugins. Kontrollera helt enkelt vilka plugins som har ackumulerats \u00f6ver tid och avinstallera allt du inte absolut beh\u00f6ver.<\/p>\n\n\n\n Om f\u00e4rre HTTP-f\u00f6rfr\u00e5gningar g\u00f6rs kommer din webbplats logiskt sett att laddas snabbare. En s\u00e5dan serverf\u00f6rfr\u00e5gan g\u00f6rs alltid n\u00e4r en fil beh\u00f6ver laddas. S\u00e5 om du packar f\u00e4rre filer som bilder, skript etc. i ett dokument, kommer din sida ocks\u00e5 att laddas snabbare.<\/p>\n\n\n\n Tips: Du kan kombinera olika stylesheets i en enda CSS-fil och l\u00e4nka den fr\u00e5n HTML-dokumentomr\u00e5det. Om du ser till att det inte finns fler inline-stilspecifikationer i HTML-dokumentet kan CSS-filen cachelagras, vilket ocks\u00e5 p\u00e5skyndar sidladdningen.<\/p>\n\n\n\n En webbplats kan inte klara sig utan bra bilder (helst i .jpg-format) och grafik (helst som .png-filer) - en bild s\u00e4ger ju ofta mer \u00e4n tusen ord. Det \u00e4r dock viktigt att dessa bilder \u00e4r optimerade f\u00f6r webben f\u00f6r att undvika l\u00e5nga laddningstider. Det vanligaste misstaget i det h\u00e4r sammanhanget \u00e4r att ladda upp bilderna till servern i originalstorlek och integrera dem i inneh\u00e5llet p\u00e5 exakt samma s\u00e4tt.<\/p>\n\n\n\n Exempel: Om en bild \u00e4r 2500 x 1000 pixlar stor, men endast integreras i en 750 pixlar bred inneh\u00e5llsyta, kommer den att visas i en mindre storlek efter\u00e5t. Bilden eller grafiken m\u00e5ste dock fortfarande laddas i sin fulla storlek. F\u00f6r att undvika s\u00e5dan on\u00f6dig ballast b\u00f6r du alltid f\u00f6rminska bilder till den storlek som de faktiskt ska visas i.<\/p>\n\n\n\n F\u00f6rresten: S\u00e5 snart en webbadress h\u00e4mtas laddas vanligtvis alla bilder automatiskt - \u00e4ven de som \u00e4nnu inte syns, t.ex. f\u00f6r att du inte scrollar s\u00e5 l\u00e5ngt ner. F\u00f6r att ladda bilder endast n\u00e4r det beh\u00f6vs kan du anv\u00e4nda plugins som t.ex. Crazy Lazy<\/a> anv\u00e4nda. Och f\u00f6r att ge dig ett annat plugin-tips direkt: WP Smush.it<\/a> komprimerar automatiskt filstorleken p\u00e5 bilder under uppladdningen. Du kan ocks\u00e5 anv\u00e4nda den f\u00f6r att i efterhand optimera bilder som redan har laddats upp.<\/p>\n\n\n\n Inte bara bilder utan \u00e4ven systemfiler (t.ex. fr\u00e5n WordPress) kan komprimeras. Och hur g\u00e5r det till? Helt enkelt med Gzip, ett gratis komprimeringsprogram som, precis som filformatet, finns tillg\u00e4ngligt f\u00f6r alla operativsystem. Allt du beh\u00f6ver g\u00f6ra \u00e4r att infoga en kodsnutt i .htaccess-filen. Med WordPress beh\u00f6ver du inte g\u00f6ra detta manuellt, utan kan f\u00f6rlita dig p\u00e5 plugins som t.ex. Gzip Ninja Hastighetskomprimering<\/a> att falla tillbaka p\u00e5. Joomla har ocks\u00e5 motsvarande till\u00e4gg som g\u00f6r exakt samma sak.<\/p>\n\n\n\n Som WordPress-anv\u00e4ndare beh\u00f6ver du ocks\u00e5 en bra caching-plugin. Caching skapar statiska versioner av alla sidor ist\u00e4llet f\u00f6r att skapa dem dynamiskt - med stora effekter p\u00e5 laddningshastigheten f\u00f6r hela webbplatsen. Ett mycket v\u00e4lskrivet cachelagringsplugin f\u00f6r WordPress \u00e4r Cachify<\/a>. Du f\u00e5r ett helt\u00e4ckande paket med W3 Total Cache-plugin. Alternativt WP Rocket<\/a> en liten raket fr\u00e5n din sida.<\/p>\n\n\n\n Extra tips:<\/strong><\/p>\n\n\n\n F\u00f6r att ytterligare snabba upp din webbplats kan du ta bort on\u00f6diga mellanslag och radbrytningar fr\u00e5n HTML, CSS och JavaScript. Eftersom detta g\u00f6r hela koden smalare, minskas ocks\u00e5 laddningstiden. Det enda som f\u00f6rs\u00e4mras \u00e4r tydligheten i koden. De tidigare n\u00e4mnda Plugin W3 Total Cache<\/a> erbjuder dig som WordPress -anv\u00e4ndare en s\u00e5 kallad \u201cMinify\u201d-funktion vid denna tidpunkt. Detta fungerar dock bara s\u00e4rskilt bra om du definierar hur Java-skript ska laddas i det manuella l\u00e4get i sj\u00e4lva plugin-programmet. Eftersom detta inte \u00e4r s\u00e4rskilt l\u00e4mpligt f\u00f6r nyb\u00f6rjare rekommenderar vi att du anv\u00e4nder Plugin Autoptimera<\/a>.<\/p>","protected":false},"excerpt":{"rendered":" In Zeiten, in denen fast jede Information zu jeder Zeit und von jedem Ort aus verf\u00fcgbar ist, m\u00fcssen Webseiten und andere Online-Inhalte gewisse Kriterien erf\u00fcllen, um User (und damit auch die Suchmaschinen) zufriedenzustellen. Eines dieser Kriterien ist die Ladezeit. Wir erkl\u00e4ren dir, wie du die Performance analysierst und im Anschluss optimierst, um langfristig bessere Rankings […]<\/p>\n","protected":false},"author":1,"featured_media":3344,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1,55,52],"tags":[],"class_list":["post-3343","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blogboxx","category-seo","category-sichtbarkeit-reichweite"],"acf":[],"_links":{"self":[{"href":"https:\/\/trackboxx.com\/sv\/wp-json\/wp\/v2\/posts\/3343","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/trackboxx.com\/sv\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/trackboxx.com\/sv\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/trackboxx.com\/sv\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/trackboxx.com\/sv\/wp-json\/wp\/v2\/comments?post=3343"}],"version-history":[{"count":0,"href":"https:\/\/trackboxx.com\/sv\/wp-json\/wp\/v2\/posts\/3343\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/trackboxx.com\/sv\/wp-json\/wp\/v2\/media\/3344"}],"wp:attachment":[{"href":"https:\/\/trackboxx.com\/sv\/wp-json\/wp\/v2\/media?parent=3343"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/trackboxx.com\/sv\/wp-json\/wp\/v2\/categories?post=3343"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/trackboxx.com\/sv\/wp-json\/wp\/v2\/tags?post=3343"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}Pingdom<\/h3>\n\n\n\n
Test av webbsida<\/h3>\n\n\n\n
Steg 2: Optimering<\/h2>\n\n\n\n
T\u00e4nk om kring temat och inaktivera on\u00f6diga plugins<\/h3>\n\n\n\n
Minska antalet HTTP-f\u00f6rfr\u00e5gningar<\/h3>\n\n\n\n
Optimera bilder f\u00f6r webben<\/h3>\n\n\n\n
Gzip-komprimering<\/h3>\n\n\n\n
Anv\u00e4nd cachelagring<\/h3>\n\n\n\n