{"id":4469,"date":"2020-10-30T22:09:32","date_gmt":"2020-10-30T21:09:32","guid":{"rendered":"https:\/\/webhosting.de\/?p=4469"},"modified":"2024-02-15T14:15:05","modified_gmt":"2024-02-15T13:15:05","slug":"hur-man-nar-100-100-100-poaeng-med-google-pagespeed-foer-din-wordpress-webbplats","status":"publish","type":"post","link":"https:\/\/webhosting.de\/sv\/so-erreichst-du-100-100-punkte-bei-google-pagespeed-fuer-deine-wordpress-website\/","title":{"rendered":"Hur du uppn\u00e5r 100\/100 po\u00e4ng p\u00e5 Google Pagespeed f\u00f6r din WordPress-webbplats"},"content":{"rendered":"

Google Pagespeed Insights<\/a> \u00e4r ett v\u00e4lk\u00e4nt webbplatsverktyg med vilket du kan kontrollera och optimera alla parametrar som \u00e4r relevanta f\u00f6r s\u00f6kmotorn. Du kan klicka p\u00e5 l\u00e4nken ovan, eller s\u00e5 kan du se det dagligen uppdaterade v\u00e4rdet av din sida i f\u00f6rvaltningssystemet.<\/p>\n

I den h\u00e4r handledningen visar vi dig hur enkelt det \u00e4r att sidpeed-po\u00e4ng<\/strong> Fr\u00e5n 100\/100<\/strong> att uppn\u00e5. Du kan ocks\u00e5 g\u00f6ra det.<\/p>\n

I v\u00e5rt exempel anv\u00e4nde vi en demo-webbplats med alla typer av inneh\u00e5ll och ett v\u00e4lk\u00e4nt tema, som ocks\u00e5 inneh\u00e5ller de vanliga plugins. Det \u00e4r allts\u00e5 precis vad du anv\u00e4nder f\u00f6r att skapa bra webbplatser.<\/p>\n

\"super-food-homepage\"<\/a><\/p>\n

H\u00e4r har vi valt f\u00f6ljande temat The7<\/strong> beslutat. Men det spelar egentligen ingen roll vilket tema du anv\u00e4nder. Huvudsaken \u00e4r att den \u00e4r uppdaterad och erbjuder n\u00e5gra inst\u00e4llningar f\u00f6r att skapa webbplatsen.<\/p>\n

Detta \u00e4r vad du beh\u00f6ver f\u00f6r att f\u00e5 en snabb webbplats.<\/h2>\n
    \n
  1. en snabba webbhotell<\/strong> med erfarenhet<\/li>\n
  2. en ren str\u00f6m WordPress<\/a><\/li>\n
  3. korrekta inst\u00e4llningar f\u00f6r webbservern<\/li>\n
  4. ett verktyg f\u00f6r optimeringar och caching<\/li>\n<\/ol>\n

    I det h\u00e4r exemplet anv\u00e4nder vi WP Rocket<\/strong>. Dessa verktyg g\u00f6r alla samma sak. De komprimerar textfiler, sammanfattar koden och skapar vid behov en statisk sida som en kopia.<\/p>\n

    P\u00e5 s\u00e5 s\u00e4tt kan bes\u00f6karen snabbt komma till sidan.<\/p>\n

    Statiska sidor p\u00e5minner om html-kod fr\u00e5n f\u00f6rr. Webbplatser som best\u00e5r av enkel html-kod och bilder \u00e4r fortfarande snabbast. Men inte dynamisk. Med dessa plugins \u00e5terskapas cacheminnet alltid s\u00e5 snart n\u00e5got har \u00e4ndrats p\u00e5 sidan.<\/p>\n

    Tips: Inaktivera WordPress cronjob<\/strong>. Det \u00e4r egentligen inte ett cronjobb i egentlig mening, men det anropas alltid n\u00e4r en bes\u00f6kare kommer till sidan. Hur det fungerar visar vi i en annan artikel.<\/p>\n

    Google Pagespeed Insights<\/h2>\n

    Skriv in din nuvarande webbplats i Google och titta p\u00e5 resultatet.<\/p>\n

    Vanligtvis f\u00e5r du de f\u00f6rsta v\u00e4rdena i det gula omr\u00e5det f\u00f6r att se om webbhotellet har en bra server.<\/p>\n

    P\u00e5 v\u00e5r standardinstallation visade PSI 85\/100 i skrivbordsvyn.<\/p>\n

    \"<\/a><\/p>\n

    N\u00e5got missvisande \u00e4r dock p\u00e5st\u00e5endet att servern har svarat l\u00e5ngsamt. H\u00e4r avses tiden till den f\u00f6rsta byte som \u00f6verf\u00f6rs.<\/p>\n

    Det finns v\u00e4ldigt m\u00e5nga faktorer som samverkar h\u00e4r. Ofta kan du minska den s\u00e5 kallade TTFB-tiden (time to first byte) om du \u00e5tg\u00e4rdar alla andra punkter.<\/p>\n

    \"<\/a><\/p>\n

    Google erbjuder bekv\u00e4mt den optimerade koden f\u00f6r nedladdning f\u00f6r m\u00e5nga punkter. Jag rekommenderar att du i princip bara anv\u00e4nder tidigare optimerade bilder f\u00f6r att integrera dem p\u00e5 webbplatsen.<\/p>\n

    Du kan till och med g\u00f6ra det gratis, t.ex. med hj\u00e4lp av Tinypng Panda<\/a> g\u00f6ra.<\/p>\n

    \"tinypng<\/a>
    Tinypng.com Panda \u00e4ter upp \u00f6verfl\u00f6diga bytes.<\/figcaption><\/figure>\n

    De flesta teman skapar dock sina egna bilder i olika storlekar, s\u00e5 det finns alltid ett behov av optimering.<\/p>\n

    Det \u00e4r d\u00e4rf\u00f6r l\u00e4mpligt att d\u00e5 och d\u00e5 optimera alla bildfiler p\u00e5 webbservern p\u00e5 nytt och skriva \u00f6ver dem igen.<\/p>\n

    Pingdom, GTMetrix och andra.<\/h2>\n

    Det finns naturligtvis ocks\u00e5 andra testplatser. H\u00e4r finns dock ofta problemet att s\u00f6kningen sker fr\u00e5n utlandet och d\u00e4rf\u00f6r inte \u00e4r tillr\u00e4ckligt meningsfull f\u00f6r att simulera den vanliga bes\u00f6karen fr\u00e5n Tyskland. Det \u00e4r ocks\u00e5 viktigt att veta att vissa kontrollprogram inte kan hantera http\/2 och inte tar h\u00e4nsyn till f\u00f6rdelen med http\/s, dvs. parallell \u00f6verf\u00f6ring av data via en anslutning, och tolkar detta negativt.<\/p>\n

    \"gtmetrix\"<\/a>
    GTMetrix resultatrapport<\/figcaption><\/figure>\n

    TTFB eller total laddningstid?<\/h2>\n

    I princip \u00e4r det resultatet av den totala laddningstiden som r\u00e4knas. Den f\u00f6rsta bytena \u00e4r beroende av m\u00e5nga faktorer som endast i liten utstr\u00e4ckning kan p\u00e5verkas. En sida som inte \u00e4r komprimerad har vanligtvis ett mycket l\u00e4gre TTFB-v\u00e4rde \u00e4n en perfekt komprimerad sida. Men den totala laddningstiden med komprimering \u00e4r naturligtvis snabbare f\u00f6r en sida med mycket inneh\u00e5ll. Hur Google i slut\u00e4ndan utv\u00e4rderar detta \u00e4r oklart. Vi har sj\u00e4lva sidor som laddas l\u00e5ngsamt eftersom programvaran \u00e4r f\u00f6r\u00e5ldrad och har ett PSI-v\u00e4rde p\u00e5 68. 28 000 organiska s\u00f6kord ger omkring 1 000 bes\u00f6kare per dag till webbplatsen. Men n\u00e4r det g\u00e4ller j\u00e4mf\u00f6rbara sidor \u00e4r det s\u00e4kert s\u00e5 att den sida som har de b\u00e4ttre v\u00e4rdena listas h\u00f6gre.<\/p>\n

    CDN- och accelerationsmoduler<\/h2>\n

    Det finns ocks\u00e5 moduler som lagrar statisk data p\u00e5 andra servrar och levererar den beroende p\u00e5 var bes\u00f6karen befinner sig. Detta minskar antalet anslutningar till servern och d\u00e4rmed \u00e4ven den s\u00e5 kallade TTFB. H\u00e4r kan du anv\u00e4nda cacher fr\u00e5n akamai, cloudflare eller incapsula som ocks\u00e5 erbjuder komprimering och optimering beroende p\u00e5 den bokade tj\u00e4nsten. Ett litet (D)Dos-skydd ing\u00e5r ocks\u00e5, f\u00f6rutsatt att anslutningen sker helt och h\u00e5llet via dessa leverant\u00f6rer.<\/p>\n

    \"cloudflare-web-traffic-overview\"<\/a>
    Cloudflare trafikanalys<\/figcaption><\/figure>\n

    Speedkit f\u00f6r Plesk<\/h2>\n

    Till exempel finns det f\u00f6r Plesk<\/a> ett insticksprogram som kan g\u00f6ra webbplatsen snabbare med n\u00e5gra f\u00e5 klick. I mitt test var det dock precis tv\u00e4rtom. Huvudproblemet med s\u00e5dana plugins \u00e4r att cacheminnet startar f\u00f6rst n\u00e4r bes\u00f6karen tittar p\u00e5 sidan en andra g\u00e5ng eller f\u00f6rst uppr\u00e4ttar en anslutning till systemet.<\/p>\n

    F\u00f6rdelen \u00e4r att du helt enkelt kan aktivera det hela utan att g\u00f6ra n\u00e5gra \u00e4ndringar i ditt system. Men nackdelen \u00e4r d\u00e5 snarare bristen p\u00e5 snabbhet med 1 visningsbes\u00f6kare. D\u00e4rf\u00f6r ser du ingen f\u00f6r\u00e4ndring med de vanliga kontrollprogrammen, eftersom de alltid bes\u00f6ker sidan utan cachelagring som en helt ny anv\u00e4ndare.<\/p>\n

    \"speedkit-website-accelerator-plesk\"<\/a>
    Speedkit f\u00f6r Plesk ska g\u00f6ra webbplatser snabbare. Men det fungerar inte alltid.<\/figcaption><\/figure>\n

    Eftersom de flesta bes\u00f6kare ofta bara kommer till sidan via en l\u00e4nk fr\u00e5n en s\u00f6kmotor, ger det inga hastighetsf\u00f6rdelar f\u00f6r dessa bes\u00f6kare. Med de inbyggda verktygen kan du klara dig ganska bra utan externa cacheminnen. \u00c4ven n\u00e4r det g\u00e4ller dataskydd, s\u00e4rskilt DSGVO och den kommande ePrivacy-f\u00f6rordningen, \u00e4r det ol\u00e4mpligt att anv\u00e4nda s\u00e5dana tj\u00e4nster. Den saknar redan en Kontrakt<\/a> f\u00f6r best\u00e4lld databehandling n\u00e4r du best\u00e4ller dessa tj\u00e4nster.<\/p>\n

    Det \u00e4r s\u00e5 du g\u00f6r webbplatsen snabbare.<\/h2>\n

    Den viktigaste punkten: R\u00e4tt webbhotell.<\/p>\n

    Utifr\u00e5n ser de alla ut som Leverant\u00f6r av webbhotell<\/strong> samma. Men skillnaden \u00e4r s\u00e5 ofta dold.<\/p>\n

    Det finns webbhotell som annonserar med k\u00e4rnor och dedikerade resurser, men allt detta fungerar bara p\u00e5 mycket svag h\u00e5rdvara. En liten AMD-k\u00e4rna fr\u00e5n en tio \u00e5r gammal server \u00e4r inte samma sak som en k\u00e4rna i en Intel Platinum Xeon av den senaste versionen.<\/p>\n

    \"vmware_kluster\"<\/a>
    Ett exempel p\u00e5 ett VMWare-kluster<\/figcaption><\/figure>\n

    De flesta leverant\u00f6rer virtualiserar ocks\u00e5 hela sin infrastruktur. Ofta p\u00e5 konstiga strukturer som containersystem d\u00e4r de k\u00e4rnor som kunden bokade ocks\u00e5 bokades av 20 andra kunder. Bra och p\u00e5 grund av kostnaderna f\u00f6r programvarulicenser dyra leverant\u00f6rer anv\u00e4nder ordentliga virtualiseringssystem som vmware eller KVM, vanligtvis kallade moln.<\/p>\n

    \"kvm_kluster\"<\/a>
    Ett litet KVM-kluster<\/figcaption><\/figure>\n

    Ofta r\u00e4cker det med ett delat webbhotell. Vi har sj\u00e4lva byggt webbplatser med tiotusentals bes\u00f6kare per m\u00e5nad. Dessa kan ocks\u00e5 k\u00f6ras p\u00e5 ett litet webbhotellskonto, eftersom webbhotellsmaskiner vanligtvis redan \u00e4r mycket stora och dimensionerade av leverant\u00f6ren, s\u00e5 att de kan betj\u00e4na hundratals webbplatser.<\/p>\n

    \"virtuozzo_kluster\"<\/a>
    Vy \u00f6ver en Virtuozzo 7-nod<\/figcaption><\/figure>\n

    De flesta webbplatser kommer dock inte att beh\u00f6va den str\u00f6m som de har bokat, s\u00e5 det finns alltid gott om str\u00f6m kvar.<\/p>\n

    N\u00e4r du v\u00e4ljer ett webbhotell kan du se till att du har ett testkonto och ladda upp din webbplats d\u00e4r utan att det inneb\u00e4r n\u00e5gra skyldigheter. Du kan vanligtvis n\u00e5 dem via en underdom\u00e4n och testa hastigheten. Om det inte \u00e4r n\u00e5got, byt till en annan leverant\u00f6r.<\/p>\n

    I det h\u00e4r exemplet finns demosidan p\u00e5 en SEO-server<\/a> av webhoster.de AG d\u00e4r du f\u00e5r ett Plesk \u00e5terf\u00f6rs\u00e4ljarkonto med 10 IP-adresser f\u00f6r dina projekt.<\/p>\n

    Den maskinvara som anv\u00e4nds \u00e4r en Dell R740-server med MLC-server-SSD-diskar i en raid array.<\/p>\n

    Hanteringsgr\u00e4nssnittet \u00e4r Plesk Onyx<\/a> i den aktuella versionen.<\/p>\n

    En standard-Wordpress med f\u00f6ljande aktiva plugins installerades:<\/p>\n