{"id":255690,"date":"2022-04-27T12:21:00","date_gmt":"2022-04-27T09:21:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=255690"},"modified":"2022-04-27T12:22:28","modified_gmt":"2022-04-27T09:22:28","slug":"alla-36-satt-att-snabba-upp-din-wordpress-webbplats","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/sv\/alla-36-satt-att-snabba-upp-din-wordpress-webbplats\/","title":{"rendered":"Alla 36 s\u00e4tt att snabba upp din WordPress-webbplats"},"content":{"rendered":"<p>Det \u00e4r galenskap d\u00e4r ute.<\/p>\n<p>Jag vill inte vara cynisk, men h\u00e4r \u00e4r sanningen:<\/p>\n<p>De flesta blogginl\u00e4gg om att p\u00e5skynda WordPress \u00e4r en het r\u00f6ra.<\/p>\n<p>\u00d6verst p\u00e5 listan inneh\u00e5ller de tips som bara kommer att snabba upp din admin-meny med 0,01s eller som bokstavligen inte f\u00f6rb\u00e4ttrar prestandan alls.<\/p>\n<p>Sedan n\u00e4ra botten inneh\u00e5ller de n\u00e5gra av de mest slagkraftiga prestationsteknikerna som finns tillg\u00e4ngliga.<\/p>\n<p>Det \u00e4r bara galet. S\u00e5 h\u00e4r \u00e4r min prestationsguide uppbyggd&#8230;<\/p>\n<p><strong>B\u00f6rja med stegen med h\u00f6g effekt<\/strong>.<\/p>\n<p>Jag har listat de 9 mest effektfulla s\u00e4tten att snabba upp din webbplats f\u00f6rst. Det h\u00e4r \u00e4r de absolut viktigaste stegen du kan ta f\u00f6r att f\u00e5 din webbplats att laddas snabbare.<\/p>\n<p>Faktum \u00e4r att om du inte anv\u00e4nder n\u00e5gon taktik ut\u00f6ver de f\u00f6rsta 9, kommer du att klara dig bra.<\/p>\n<p>Sedan efter det kommer du att hitta ytterligare 27 s\u00e4tt att snabba upp WordPress. Var och en av dessa taktik kommer att g\u00f6ra din webbplats lite snabbare f\u00f6renad med de resultat du redan har uppn\u00e5tt.<\/p>\n<p>Och det finns en sak till du borde veta.<\/p>\n<p><strong>Det \u00e4r den exakta taktiken jag anv\u00e4nder<\/strong><\/p>\n<p>Jag listar ingen taktik h\u00e4r som jag inte anv\u00e4nder just nu.<\/p>\n<p>Faktum \u00e4r att innan jag skrev det h\u00e4r inl\u00e4gget kom jag med en enorm lista \u00f6ver prestationstekniker inklusive n\u00e5gra saker som jag aldrig hade provat f\u00f6rut och testade dem alla.<\/p>\n<p>Competethemes.com laddades redan snabbt, men efter att ha anv\u00e4nt varje prestandataktik som listas nedan \u00e4r det otroligt snabbt.<\/p>\n<p>H\u00e4r \u00e4r <a href=\"https:\/\/gtmetrix.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">GTMetrix-<\/a> resultaten:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefd420ea8.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefd420ea8.png\" alt=\"Alla 36 s\u00e4tt att snabba upp din WordPress-webbplats\"><\/a><\/p>\n<p>F\u00f6rsta g\u00e5ngen jag fick 100 % PageSpeed-po\u00e4ng<\/p>\n<p>Och om jag anv\u00e4nder en n\u00e4rliggande plats i <a href=\"https:\/\/tools.pingdom.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Pingdom<\/a> rapporterar de att min webbplats laddas p\u00e5 bara 0,571 sekunder.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefd6b7c86.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefd6b7c86.png\" alt=\"Alla 36 s\u00e4tt att snabba upp din WordPress-webbplats\"><\/a><\/p>\n<p>N\u00e5gra snabba riktm\u00e4rken innan vi b\u00f6rjar:<\/p>\n<ul>\n<li>&gt;3s laddningstiden \u00e4r l\u00e5ngsam<\/li>\n<li>2-3s laddningstid \u00e4r bra<\/li>\n<li>1-2 s laddningstid \u00e4r snabb<\/li>\n<li>0-1s laddningstiden \u00e4r mycket snabb<\/li>\n<\/ul>\n<p>Ditt f\u00f6rsta m\u00e5l b\u00f6r vara att f\u00e5 din webbplats att laddas p\u00e5 under tre sekunder. Det \u00e4r verkligen viktigt att n\u00e5 detta riktm\u00e4rke, annars \u00e4r du s\u00e4ker p\u00e5 att ha bes\u00f6kare som l\u00e4mnar innan din webbplats \u00e4r klar.<\/p>\n<p>Om du implementerar de f\u00f6rsta 9 taktikerna nedan b\u00f6r du inte ha n\u00e5gra problem att f\u00e5 din laddningstid under 3s.<\/p>\n<p>Om du vill att din webbplats ska laddas p\u00e5 bara 1s m\u00e5ste du anv\u00e4nda de flesta om inte alla taktiker som listas h\u00e4r och <strong>det \u00e4r mycket arbete<\/strong>. Jag klandrar dig inte om du rakar av dig n\u00e5gra sekunder med taktik 1-9 och kallar det en dag \ud83d\udc4d<\/p>\n<p>Du l\u00e4ngtar f\u00f6rmodligen efter att komma ig\u00e5ng nu, s\u00e5 h\u00e4r \u00e4r det viktigaste steget du kan ta f\u00f6r att snabba upp din webbplats.<\/p>\n<p>Det h\u00e4r inl\u00e4gget \u00e4r vansinnigt l\u00e5ngt! Du kommer f\u00f6rmodligen inte att avsluta det p\u00e5 en g\u00e5ng, s\u00e5 se till att <strong>bokm\u00e4rka den h\u00e4r sidan f\u00f6r senare<\/strong> s\u00e5 att du kan forts\u00e4tta att komma tillbaka n\u00e4r du optimerar din webbplats.<\/p>\n<h2>1 Byt till en snabbare v\u00e4rd<\/h2>\n<p>Hosting \u00e4r din webbplats h\u00e4stkrafter.<\/p>\n<p>Med mer kraftfull v\u00e4rd kommer hela din webbplats att laddas snabbare.<\/p>\n<p>Du kan implementera alla andra tekniker med stor effekt, men de kommer alla att fungera b\u00e4ttre med en h\u00f6gpresterande v\u00e4rd. Dessutom \u00e4r det v\u00e4ldigt enkelt att byta v\u00e4rd nuf\u00f6rtiden.<\/p>\n<p>Jag anv\u00e4nder <a href=\"http:\/\/link.competethemes.com\/kinsta-cornerstone\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Kinsta<\/a> f\u00f6r Compete Themes och jag kan inte rekommendera dem tillr\u00e4ckligt.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefd91be35.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefd91be35.png\" alt=\"Alla 36 s\u00e4tt att snabba upp din WordPress-webbplats\"><\/a><\/p>\n<p>F\u00f6rutom de automatiska dagliga s\u00e4kerhetskopieringarna, den vackra anv\u00e4ndarpanelen och genuint hj\u00e4lpsam livechattsupport&#8230;<\/p>\n<p><strong>De kommer att f\u00e5 din webbplats att laddas snabbt.<\/strong><\/p>\n<p>Kinsta fungerar s\u00e5 bra eftersom det \u00e4r byggt av Googles molninfrastruktur.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefdbeca28.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefdbeca28.png\" alt=\"Alla 36 s\u00e4tt att snabba upp din WordPress-webbplats\"><\/a><\/p>\n<p>Normalt \u00e4r den h\u00e4r typen av specialiserad teknik endast tillg\u00e4nglig f\u00f6r f\u00f6retag p\u00e5 grund av kostnaderna och sv\u00e5righeten att implementera, men Kinsta tar hand om allt det \u00e5t dig. Du f\u00e5r bara den otroliga prestandan.<\/p>\n<p>Jag har anv\u00e4nt Kinsta i sex m\u00e5nader nu och jag var redan n\u00f6jd med deras tj\u00e4nst n\u00e4r de slumpm\u00e4ssigt <a href=\"https:\/\/kinsta.com\/blog\/boosting-wordpress-performance\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">h\u00f6jde allas prestanda med 30-200% f\u00f6r<\/a> ett par veckor sedan.<\/p>\n<p>Efter n\u00e4stan ett decennium av att driva WordPress-webbplatser har jag aldrig haft en v\u00e4rd att g\u00f6ra det.<\/p>\n<p><a href=\"http:\/\/link.competethemes.com\/kinsta-cornerstone\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Kolla in Kinsta \u2192<\/a><\/p>\n<p>Hosting \u00e4r din webbplats prestandagrund, s\u00e5 om du hoppar \u00f6ver allt annat, se till att g\u00f6ra det h\u00e4r steget r\u00e4tt.<\/p>\n<p>Det n\u00e4st viktigaste du kan g\u00f6ra f\u00f6r att snabba upp din WP-webbplats \u00e4r att l\u00e4gga till cachning.<\/p>\n<h2>2 L\u00e4gg till caching<\/h2>\n<p>Vad \u00e4r 9 027 dividerat med 17?<\/p>\n<p>F\u00f6r att svara p\u00e5 detta m\u00e5ste du ta fram en minir\u00e4knare, sl\u00e5 in siffrorna och sedan kan du med s\u00e4kerhet s\u00e4ga svaret som \u00e4r 531.<\/p>\n<p>Nu ska jag fr\u00e5ga dig igen, vad \u00e4r 9 027 dividerat med 17?<\/p>\n<p>Den h\u00e4r g\u00e5ngen visste du svaret direkt eftersom du har det lagrat i ditt minne.<\/p>\n<p>Det \u00e4r vad caching \u00e4r.<\/p>\n<p>N\u00e4r n\u00e5gon bes\u00f6ker din webbplats k\u00f6r den en massa processer f\u00f6r att skapa sidan. Utan cachning h\u00e4nder detta varje g\u00e5ng n\u00e5gon bes\u00f6ker din webbplats. Det \u00e4r som att anv\u00e4nda en minir\u00e4knare f\u00f6r att f\u00e5 svaret om och om igen.<\/p>\n<p>Som ni f\u00f6rst\u00e5r \u00e4r detta extremt sl\u00f6saktigt.<\/p>\n<p>Med cachning genererar din webbplats en sida en g\u00e5ng och sparar den sedan precis som du sparade numret 531 i ditt minne. Sedan n\u00e4r n\u00e5gon bes\u00f6ker din webbplats igen, visas den cachade kopian omedelbart utan att du beh\u00f6ver k\u00f6ra alla processer som ursprungligen anv\u00e4ndes f\u00f6r att skapa sidan.<\/p>\n<p>Vettigt?<\/p>\n<p>L\u00e5t oss nu prata om hur man drar f\u00f6rdel av denna teknik p\u00e5 din webbplats.<\/p>\n<h3>Hur man l\u00e4gger till caching p\u00e5 din webbplats<\/h3>\n<p>F\u00f6r det f\u00f6rsta kan din v\u00e4rd tillhandah\u00e5lla inbyggd cachning. Detta g\u00e4ller f\u00f6r Kinsta och m\u00e5nga andra h\u00f6gpresterande v\u00e4rdar. S\u00e5 du kanske redan har lagt till caching.<\/p>\n<p>Om din v\u00e4rd inte tillhandah\u00e5ller cachning finns det massor av plugins att v\u00e4lja mellan. Enligt min mening \u00e4r det b\u00e4sta alternativet <a href=\"http:\/\/link.competethemes.com\/wp-rocket-cornerstone-performance\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">WP Rocket<\/a>.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefddf0086.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefddf0086.png\" alt=\"Alla 36 s\u00e4tt att snabba upp din WordPress-webbplats\"><\/a><\/p>\n<p>WP Rocket ger ultrasnabb cachelagring och massor av andra prestandaoptimeringar. Jag kommer att referera till det h\u00e4r pluginet hundra g\u00e5nger till i det h\u00e4r inl\u00e4gget, s\u00e5 att du kan se allt det kan g\u00f6ra.<\/p>\n<p>\u00c4ven om Kinsta tillhandah\u00e5ller cachning anv\u00e4nder jag ocks\u00e5 WP Rocket p\u00e5 grund av de andra prestandaverktygen som ing\u00e5r.<\/p>\n<p>Du kan f\u00f6lja min WP Rocket-inst\u00e4llningshandledning f\u00f6r att komma ig\u00e5ng:<\/p>\n<div class=\"sds-iframe-wrapper fitvidsignore\" style=\"position:relative;padding-top:56.25%;max-width:100%;\"><iframe allowfullscreen style=\"position:absolute;top:0;left:0;width:100%;height:100%;\" src=\"\/\/www.youtube.com\/embed\/aG5uFiWjsU4\" frameborder=\"0\"><\/iframe><\/div>\n<p><a href=\"http:\/\/link.competethemes.com\/wp-rocket-cornerstone-performance\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Kolla in WP Rocket \u2192<\/a><\/p>\n<p>Om du vill ha ett gratis alternativ rekommenderar jag <a href=\"https:\/\/wordpress.org\/plugins\/wp-super-cache\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">WP Super Cache<\/a> om du vill ha n\u00e5got l\u00e4tt att anv\u00e4nda och <a href=\"https:\/\/wordpress.org\/plugins\/w3-total-cache\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">W3 Total Cache<\/a> om du vill ha mer avancerade alternativ.<\/p>\n<p>H\u00f6gpresterande v\u00e4rd och cachning \u00e4r definitivt de viktigaste hastighetsfunktionerna som din webbplats beh\u00f6ver. Som sagt&#8230;<\/p>\n<p>Det finns bara en sak kvar som helt kan urholka din prestation.<\/p>\n<h3>Du M\u00c5STE anv\u00e4nda dessa n\u00e4sta tre steg<\/h3>\n<p>N\u00e4r du har konfigurerat din caching, rikta uppm\u00e4rksamheten mot din webbplats bilder.<\/p>\n<p>Om du inte optimerar dina bilder kommer din webbplats aldrig att n\u00e5 2-3 s laddningstider, du kommer aldrig att f\u00e5 en <a href=\"https:\/\/www.edgeoftheweb.co.uk\/blog\/importance-of-page-speed\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">optimerad PageSpeed-po\u00e4ng<\/a>.<\/p>\n<p>Bilder kan vara en helt enorm belastning p\u00e5 laddningstiderna, s\u00e5 jag inkluderar de tre s\u00e4tten du kan optimera dem h\u00e4r.<\/p>\n<p>Det f\u00f6rsta s\u00e4ttet att optimera dina bilder \u00e4r att komprimera dem.<\/p>\n<h2>3 Komprimera dina bilder<\/h2>\n<p>Moderna bildkomprimeringsalgoritmer \u00e4r fantastiska.<\/p>\n<p>De kan krympa filstorleken p\u00e5 en bild med 70 % utan att p\u00e5verka dess kvalitet p\u00e5 ett m\u00e4rkbart s\u00e4tt. Po\u00e4ngen \u00e4r att du kan f\u00e5 alla bilder p\u00e5 din webbplats att laddas mycket snabbare utan att f\u00f6rs\u00e4mra deras kvalitet. Det finns ingen nackdel \u2013 seri\u00f6st!<\/p>\n<p>N\u00e4r det kommer till bildoptimering \u00e4r mitt favoritplugin <a href=\"http:\/\/link.competethemes.com\/optimole-cornerstone\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Optimole<\/a>.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefe08dc73.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefe08dc73.png\" alt=\"Alla 36 s\u00e4tt att snabba upp din WordPress-webbplats\"><\/a><\/p>\n<p>Du kommer att l\u00e4ra dig mer om Optimole i de kommande tv\u00e5 stegen, men h\u00e4r \u00e4r vad du beh\u00f6ver veta f\u00f6rst:<\/p>\n<p>Optimole anv\u00e4nder en mycket effektiv komprimeringsalgoritm f\u00f6r att komprimera dina bilder till en br\u00e5kdel av deras tidigare filstorlek. Vad som \u00e4r \u00e4nnu b\u00e4ttre \u00e4r att det \u00e4r s\u00e5 l\u00e4tt att anv\u00e4nda.<\/p>\n<p>Andra plugins f\u00f6r bildoptimering redigerar bilderna p\u00e5 din webbplats och anv\u00e4nder dina serverresurser. Optimole r\u00f6r inte dina original \u2013 de kopierar dina bilder till sin server och optimerar dem sedan d\u00e4r. Detta h\u00e5ller ditt mediebibliotek organiserat och din webbplats blir inte l\u00e5ngsammare n\u00e4r bilderna komprimeras.<\/p>\n<p>Om du vill l\u00e4ra dig hur du st\u00e4ller in Optimole p\u00e5 din webbplats kan du f\u00f6lja min fullst\u00e4ndiga genomg\u00e5ngsvideo:<\/p>\n<div class=\"sds-iframe-wrapper fitvidsignore\" style=\"position:relative;padding-top:56.25%;max-width:100%;\"><iframe allowfullscreen style=\"position:absolute;top:0;left:0;width:100%;height:100%;\" src=\"\/\/www.youtube.com\/embed\/iZwliEUen2A\" frameborder=\"0\"><\/iframe><\/div>\n<p>Ett utm\u00e4rkt alternativ \u00e4r <a href=\"https:\/\/wordpress.org\/plugins\/shortpixel-image-optimiser\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">ShortPixel<\/a> plugin. Det \u00e4r lite mer arbete att st\u00e4lla in, men \u00e4nd\u00e5 tillr\u00e4ckligt l\u00e4tt att anv\u00e4nda.<\/p>\n<p>Jag anv\u00e4nde med gl\u00e4dje ShortPixel p\u00e5 den h\u00e4r webbplatsen i flera \u00e5r och bytte bara till Optimole f\u00f6r n\u00e4sta taktik.<\/p>\n<h2>4 \u00c4ndra storlek p\u00e5 dina bilder<\/h2>\n<p>Var uppm\u00e4rksam eftersom detaljerna \u00e4r kritiska.<\/p>\n<p>H\u00e4r \u00e4r den stora id\u00e9n:<\/p>\n<p><strong>Ju st\u00f6rre en bilds m\u00e5tt \u00e4r, desto st\u00f6rre blir dens filstorlek.<\/strong><\/p>\n<p>Till exempel kan en bild som \u00e4r 3 000 px bred vara 900 kb, men n\u00e4r storleken \u00e4ndras till 600 px bred \u00e4r den bara 60 kb. Det \u00e4r en 15x minskning av filstorleken!<\/p>\n<p>H\u00e4r \u00e4r varf\u00f6r det \u00e4r s\u00e5 viktigt.<\/p>\n<p>Bilderna i det h\u00e4r blogginl\u00e4gget kommer bara att visa 600px breda som bredast. Med mitt exempel har den h\u00e4r bilden \u00e4ndrats till 600px bred och bara 60kb.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefe3261e3.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefe3261e3.jpg\" alt=\"Alla 36 s\u00e4tt att snabba upp din WordPress-webbplats\"><\/a><\/p>\n<p>Om jag inte \u00e4ndrade storleken p\u00e5 bilden och anv\u00e4nde 3 000px-versionen, skulle den fortfarande bara dyka upp som 600px bred i det h\u00e4r inl\u00e4gget. Bilden skulle se likadan ut f\u00f6r dig, men det skulle ta 15 g\u00e5nger l\u00e4ngre tid att ladda.<\/p>\n<p>Med andra ord kan storleken p\u00e5 dina bilder r\u00e4tt innan du infogar dem i dina inl\u00e4gg g\u00f6ra en enorm skillnad i hur snabbt din webbplats laddas.<\/p>\n<p>H\u00e4r \u00e4r problemet.<\/p>\n<p>Du vet f\u00f6rmodligen inte exakt hur breda dina bilder visas i dina inl\u00e4gg. Dessutom g\u00f6r mobila enheter detta s\u00e4tt mer komplicerat. N\u00e4r det kommer till sk\u00e4rmstorlek, om vi tar h\u00e4nsyn till alla olika bildsk\u00e4rmar och mobila enheter, finns det bokstavligen tusentals att ta h\u00e4nsyn till.<\/p>\n<p>Om du vill visa bilder som har perfekt storlek f\u00f6r dina bes\u00f6kare <strong>m\u00e5ste de dimensioneras dynamiskt<\/strong>, och det var d\u00e4rf\u00f6r jag b\u00f6rjade anv\u00e4nda Optimole.<\/p>\n<p>Optimole <strong>genererar automatiskt perfekta versioner<\/strong> av dina bilder. Om n\u00e5gon bes\u00f6ker din webbplats och bilden skulle visas i 400px bred ger Optimole dem en version av den bilden som \u00e4r 400px bred.<\/p>\n<p>En annan bes\u00f6kare kan landa p\u00e5 sidan en sekund senare med en surfplatta som visar bilden i 510px bred och Optimole kommer att ladda en annan kopia av bilden som \u00e4r exakt 510px bred.<\/p>\n<p>Prestandavinsterna du f\u00e5r av detta \u00e4r enorma och det b\u00e4sta \u00e4r att du inte beh\u00f6ver g\u00f6ra n\u00e5got f\u00f6rutom att installera Optimole-plugin. Det fungerar i samma \u00f6gonblick som du aktiverar det utan att ens r\u00f6ra n\u00e5gra inst\u00e4llningar. Det \u00e4r fantastiskt!<\/p>\n<p><a href=\"http:\/\/link.competethemes.com\/optimole-cornerstone\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Prova Optimole p\u00e5 din webbplats \u2192<\/a><\/p>\n<p>Det finns ytterligare ett s\u00e4tt att optimera bilder p\u00e5 din webbplats som potentiellt kan g\u00f6ra en enorm skillnad.<\/p>\n<h2>5 Lata ladda dina bilder<\/h2>\n<p>Det h\u00e4r blogginl\u00e4gget \u00e4r riktigt l\u00e5ngt och har m\u00e5nga bilder i sig.<\/p>\n<p>Om du har l\u00e4st s\u00e5 h\u00e4r l\u00e5ngt har du troligen varit p\u00e5 den h\u00e4r sidan i minst en minut. N\u00e4r du vet detta, hur dumt skulle det vara att f\u00e5 dig att ladda alla bilder i hela inl\u00e4gget n\u00e4r du f\u00f6rst laddade den h\u00e4r sidan? Du har fortfarande inte n\u00e5tt m\u00e5nga av bilderna, s\u00e5 det finns inget behov av att ladda dem \u00e4nnu.<\/p>\n<p>Med <a href=\"https:\/\/www.competethemes.com\/blog\/wordpress-lazy-load-images\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">lazy loading laddas<\/a> bara bilderna som visas p\u00e5 sk\u00e4rmen. Sedan n\u00e4r du rullar ner p\u00e5 sidan laddas de \u00e5terst\u00e5ende bilderna n\u00e4r de kommer till sk\u00e4rmen.<\/p>\n<p>Jag gjorde en visualisering i den h\u00e4r videon som illustrerar hur detta fungerar tydligare \u00e4n jag kan f\u00f6rklara med att skriva:<\/p>\n<div class=\"sds-iframe-wrapper fitvidsignore\" style=\"position:relative;padding-top:56.25%;max-width:100%;\"><iframe allowfullscreen style=\"position:absolute;top:0;left:0;width:100%;height:100%;\" src=\"\/\/www.youtube.com\/embed\/suKQowa2JXQ\" frameborder=\"0\"><\/iframe><\/div>\n<p>Nu n\u00e4r du f\u00f6rst\u00e5r hur lazy loading fungerar, l\u00e5t oss prata om implementering.<\/p>\n<h3>Hur man l\u00e4gger till lazy loading<\/h3>\n<p>Att l\u00e4gga till lazy loading \u00e4r v\u00e4ldigt enkelt, s\u00e5 det \u00e4r en m\u00e5ste-ha taktik enligt mig.<\/p>\n<p>F\u00f6r det f\u00f6rsta, om du installerade Optimole, l\u00e4gger den automatiskt till lazy loading s\u00e5 att du redan \u00e4r klar med denna taktik.<\/p>\n<p>F\u00f6r det andra, om du inte anv\u00e4nder Optimole men du best\u00e4mde dig f\u00f6r att anv\u00e4nda WP Rocket, markera bara den h\u00e4r rutan h\u00e4r i inst\u00e4llningarna:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefe5da191.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefe5da191.png\" alt=\"Alla 36 s\u00e4tt att snabba upp din WordPress-webbplats\"><\/a><\/p>\n<p>Slutligen, om du inte t\u00e4nker anv\u00e4nda n\u00e5gon av dessa tv\u00e5 plugins, installera sedan <a href=\"https:\/\/wordpress.org\/plugins\/a3-lazy-load\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">a3 Lazy Load<\/a>.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefe866cf8.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefe866cf8.png\" alt=\"Alla 36 s\u00e4tt att snabba upp din WordPress-webbplats\"><\/a><\/p>\n<p>a3 Lazy Load \u00e4r ett bra plugin och inneh\u00e5ller massor av konfigurationsalternativ.<\/p>\n<p>P\u00e5 blogginl\u00e4gg som denna \u00e4r lat laddning s\u00e5 viktigt. Det \u00e4r en av mina favoritprestandaoptimeringar.<\/p>\n<p>De kommande tv\u00e5 optimeringarna g\u00e5r hand i hand och \u00e4r s\u00e4rskilt viktiga f\u00f6r WordPress-webbplatser.<\/p>\n<h2>6 F\u00f6rminska dina filer<\/h2>\n<p>Du har precis l\u00e4rt dig att komprimering av dina bilder g\u00f6r att de laddas snabbare eftersom komprimerade bilder har en mindre filstorlek.<\/p>\n<p>Vi refererar ibland till filstorlek som vikt, s\u00e5 att komprimera en bild minskar dess vikt.<\/p>\n<p>Den stora id\u00e9n \u00e4r att om du <strong>minskar din webbplats vikt g\u00f6r det att den laddas snabbare<\/strong>. Det betyder att du vill minska filstorleken f\u00f6r varje fil som din webbplats laddar.<\/p>\n<p>F\u00f6rutom bilder laddar din webbplats CSS-filer, Javascript-filer och teckensnittsfiler bland andra filtyper. H\u00e5ll den tanken ett \u00f6gonblick och l\u00e5t oss prata minifiering.<\/p>\n<p>Minifiering \u00e4r en snygg programmeringsterm som i princip betyder komprimering f\u00f6r textbaserade filer. Du komprimerar bilder och f\u00f6rminskar filer. F\u00f6r v\u00e5ra syften beh\u00f6ver vi inte bli mer detaljerade \u00e4n s\u00e5.<\/p>\n<p>Precis som du komprimerade dina bilder kan du f\u00f6rminska dina CSS- och Javascript-filer (och HTML) f\u00f6r att g\u00f6ra dem mindre och minska sidans vikt.<\/p>\n<h3>Hur man f\u00f6rminskar filer<\/h3>\n<p>\u00c5terigen \u00e4r det enkelt att l\u00e4gga till minifiering p\u00e5 din webbplats.<\/p>\n<p>Med WP Rocket finns det kryssrutor f\u00f6r att aktivera minifiering f\u00f6r CSS, JS och HTML.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefea81ef6.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefea81ef6.png\" alt=\"Alla 36 s\u00e4tt att snabba upp din WordPress-webbplats\"><\/a><\/p>\n<p>Det \u00e4r enkelt att f\u00f6rminska dina CSS-filer med WP Rocket<\/p>\n<p>Det \u00e4r allt du beh\u00f6ver g\u00f6ra.<\/p>\n<p>Minifiering \u00e4r s\u00e5 viktigt f\u00f6r WordPress-webbplatser eftersom du sannolikt har minst sex plugins och ett tema som laddar filer p\u00e5 din webbplats. M\u00e5nga g\u00e5nger f\u00f6rminskar inte utvecklare filer sj\u00e4lva, s\u00e5 WP Rocket tar hand om det \u00e5t dig.<\/p>\n<p>Om du vill ha ett gratis alternativ f\u00f6r minifiering, kolla in <a href=\"https:\/\/wordpress.org\/plugins\/autoptimize\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Autoptimize-<\/a> plugin.<\/p>\n<h2>7 Sammanfoga dina filer<\/h2>\n<p>Sammanfoga \u00e4r en annan teknisk term som betyder &quot;kombinera&quot;.<\/p>\n<p>N\u00e4r du sammanfogar filer kombinerar du dem.<\/p>\n<p>\u00c5terigen, eftersom du har alla dessa plugins p\u00e5 din webbplats som laddar filer, \u00e4r det viktigt att anv\u00e4nda ett plugin som WP Rocket f\u00f6r att kombinera dem till s\u00e5 f\u00e5 filer som m\u00f6jligt. H\u00e4r \u00e4r varf\u00f6r&#8230;<\/p>\n<p>Du har l\u00e4rt dig att en minskning av din sidas vikt g\u00f6r att den laddas snabbare, men det finns en annan viktig prestandafaktor att optimera f\u00f6r: HTTP-f\u00f6rfr\u00e5gningar.<\/p>\n<p>Jag vet att det h\u00e4r inl\u00e4gget b\u00f6rjar bli ganska tekniskt, s\u00e5 jag ska h\u00e5lla det s\u00e5 enkelt som m\u00f6jligt.<\/p>\n<p>Varje fil du laddar kr\u00e4ver en HTTP-beg\u00e4ran. Varje bild, JS-fil, CSS-fil, etc &#8211; de kr\u00e4ver alla en HTTP-f\u00f6rfr\u00e5gan.<\/p>\n<p>Din webbplats har ett fast antal HTTP-f\u00f6rfr\u00e5gningar den kan hantera p\u00e5 en g\u00e5ng, s\u00e5 det finns en flaskhalseffekt som uppst\u00e5r n\u00e4r filer laddas. Av denna anledning, ju f\u00e4rre HTTP-f\u00f6rfr\u00e5gningar din webbplats g\u00f6r, desto snabbare kommer den att laddas.<\/p>\n<p>Som ett exempel, om din webbplats har 5 CSS-filer som alla \u00e4r 5 kb stora, kommer den att laddas snabbare om du kombinerar dem till en CSS-fil som \u00e4r 25 kb stor.<\/p>\n<p>Med minifiering minskar vi vikten p\u00e5 din webbplats filer, och sedan med sammanl\u00e4nkning kombinerar vi dem f\u00f6r att minska HTTP-f\u00f6rfr\u00e5gningar.<\/p>\n<h3>Hur man l\u00e4gger till sammanl\u00e4nkning<\/h3>\n<p>Vi kan v\u00e4nda oss till WP Rocket-plugin f\u00f6r denna optimering ocks\u00e5.<\/p>\n<p>Det finns kryssrutor f\u00f6r att sammanfoga CSS-filer och JS-filer.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefed5a1a3.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefed5a1a3.png\" alt=\"Alla 36 s\u00e4tt att snabba upp din WordPress-webbplats\"><\/a><\/p>\n<p>Du beh\u00f6ver bara markera b\u00e5da rutorna, spara dina \u00e4ndringar och du \u00e4r klar.<\/p>\n<p>Dessa alternativ \u00e4r ocks\u00e5 tillg\u00e4ngliga i Autoptimize-plugin.<\/p>\n<p>Det h\u00e4r n\u00e4sta tipset kanske \u00f6verraskar dig, men det \u00e4r en annan m\u00e5ste-optimering enligt min mening.<\/p>\n<h2>8 Ladda filer med ett CDN<\/h2>\n<p>Internet \u00e4r magi.<\/p>\n<p>H\u00f6ger?<\/p>\n<p>Men egentligen, nej, det \u00e4r det inte.<\/p>\n<p>Det \u00e4r ett n\u00e4tverk av datorer och anslutningarna i detta n\u00e4tverk \u00e4r i slut\u00e4ndan fysiska.<\/p>\n<p>Det kan tyckas konstigt att t\u00e4nka p\u00e5, men avst\u00e5ndet mellan servern d\u00e4r webbplatsens inneh\u00e5ll lagras och platsen f\u00f6r en bes\u00f6kare \u00e4r mycket viktigt.<\/p>\n<p>Om din server \u00e4r i New York och n\u00e5gon fr\u00e5n Tokyo bes\u00f6ker din webbplats, kommer det att ta l\u00e4ngre tid f\u00f6r filerna att komma till dem \u00e4n om n\u00e5gon annan i New York bes\u00f6ker den.<\/p>\n<p>Jag sa att det var konstigt att t\u00e4nka p\u00e5 \ud83d\ude1c<\/p>\n<p>S\u00e5 vad h\u00e4nder om du lagrade en kopia av din webbplats p\u00e5 en server i Tokyo ocks\u00e5? Skulle det inte laddas snabbare f\u00f6r bes\u00f6kare i Japan d\u00e5?<\/p>\n<p>ja!<\/p>\n<p>Och det \u00e4r precis vad en CDN g\u00f6r.<\/p>\n<p>CDN st\u00e5r f\u00f6r content delivery network och det \u00e4r i huvudsak ett n\u00e4tverk av servrar som lagrar cachade kopior av din webbplats \u00f6ver hela v\u00e4rlden.<\/p>\n<p>P\u00e5 s\u00e5 s\u00e4tt, oavsett var n\u00e5gon \u00e4r n\u00e4r de bes\u00f6ker, finns det en server i n\u00e4rheten av dem f\u00f6r att leverera din webbplats inneh\u00e5ll.<\/p>\n<p>N\u00e4r du f\u00f6rst aktiverar ett CDN kanske det inte verkar som att det hj\u00e4lper om du bor i n\u00e4rheten av din v\u00e4rds ursprungsserver. Vad som \u00e4r viktigare \u00e4r hur snabbt webbplatsen laddas f\u00f6r resten av v\u00e4rlden.<\/p>\n<h3>Hur man l\u00e4gger till ett CDN p\u00e5 din webbplats<\/h3>\n<p>Det finns n\u00e5gra solida alternativ f\u00f6r att l\u00e4gga till ett CDN p\u00e5 din webbplats.<\/p>\n<p>F\u00f6r det f\u00f6rsta, om du har registrerat dig hos Kinsta kan du anv\u00e4nda deras inbyggda CDN. Allt du beh\u00f6ver g\u00f6ra \u00e4r att aktivera det fr\u00e5n menyn.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefefad464.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefefad464.png\" alt=\"Alla 36 s\u00e4tt att snabba upp din WordPress-webbplats\"><\/a><\/p>\n<p>\u00c4ven om jag anv\u00e4nder Kinsta anv\u00e4nder jag <a href=\"https:\/\/www.cloudflare.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Cloudflares CDN<\/a> som \u00e4r tillg\u00e4nglig p\u00e5 deras gratis prisniv\u00e5. Jag anv\u00e4nder Cloudflares CDN eftersom jag ocks\u00e5 anv\u00e4nder deras brandv\u00e4gg f\u00f6r att blockera massor av bottrafik som denna webbplats fick.<\/p>\n<p>Att st\u00e4lla in Cloudflare \u00e4r ganska enkelt och det kommer med en m\u00e4ngd andra f\u00f6rdelar. Du kan <a href=\"https:\/\/kinsta.com\/knowledgebase\/install-cloudflare\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">f\u00f6lja stegen h\u00e4r f\u00f6r<\/a> att anv\u00e4nda Cloudflare f\u00f6r din webbplats.<\/p>\n<p>Det finns andra popul\u00e4ra betalda CDN f\u00f6rutom Cloudflare, men jag har inte provat n\u00e5gon av dem personligen s\u00e5 jag kan inte ge ytterligare rekommendationer.<\/p>\n<p>Jag har bara ytterligare en prestationsh\u00f6jare till dig innan alla extramaterial.<\/p>\n<h2>9 V\u00e4lj ett snabbt tema<\/h2>\n<p>Okej jag m\u00e5ste erk\u00e4nna, det h\u00e4r sista tipset \u00e4r lite annorlunda.<\/p>\n<p>M\u00e5nga WP-bloggare kommer att ber\u00e4tta f\u00f6r dig att v\u00e4lja ett tema som laddas snabbt, men som en temautvecklare, l\u00e5t mig f\u00f6rklara hur detta faktiskt fungerar.<\/p>\n<p>Ett WordPress-tema kommer inte att p\u00e5skynda din webbplats. Snarare letar du efter en som inte kommer att sakta ner din webbplats. Som sagt, om inte temat \u00e4r riktigt d\u00e5ligt gjort, kommer det inte att sakta ner din webbplats mycket om du anv\u00e4nder taktiken jag har listat ovan. Jag ska f\u00f6rklara.<\/p>\n<p>Med alla <a href=\"https:\/\/www.competethemes.com\/themes\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">mina teman<\/a> laddar jag det absoluta minimum samtidigt som jag skapar en snygg och modern anv\u00e4ndarupplevelse. Det betyder att teman bara laddas:<\/p>\n<ul>\n<li>En CSS-fil<\/li>\n<li>En f\u00f6rminskad Javascript-fil<\/li>\n<li>En beg\u00e4ran om Google Fonts<\/li>\n<li>Font Awesome-ikonens teckensnitt (f\u00f6r sociala ikoner)<\/li>\n<\/ul>\n<p>Utan att g\u00f6ra uppoffringar av designen (som att anv\u00e4nda ett systemteckensnitt), \u00e4r det ungef\u00e4r s\u00e5 minimalt som ett tema kan bli.<\/p>\n<p>Alla teman \u00e4r inte s\u00e5 optimerade, men det \u00e4r inte n\u00f6dv\u00e4ndigtvis ett problem. Det beror p\u00e5 att \u00e4ven om ditt tema inte \u00e4r v\u00e4l optimerat och laddar tv\u00e5 CSS-filer och tre Javascript-filer och ingen av dem \u00e4r minifierad, kommer ett plugin som WP Rocket fortfarande att sammanfoga och minifiera dem \u00e5t dig, s\u00e5 slutresultatet \u00e4r praktiskt taget detsamma.<\/p>\n<p>I grund och botten \u00e4r det osannolikt att ditt tema kommer att sakta ner din webbplats mycket om du anv\u00e4nder prestationsstrategierna som anges ovan.<\/p>\n<p>V\u00e4lj ett tema fr\u00e5n en ansedd utvecklare och temaprestanda kommer att vara ett problem.<\/p>\n<h2>Ytterligare optimeringar<\/h2>\n<p>Oj!<\/p>\n<p>Det h\u00e4r inl\u00e4gget \u00e4r redan mycket l\u00e4ngre \u00e4n jag f\u00f6rv\u00e4ntat mig, och om du har kommit s\u00e5 l\u00e5ngt hoppas jag att du \u00e4r sugen p\u00e5 att l\u00e4ra dig \u00e4nnu mer om prestandaoptimering.<\/p>\n<p>I resten av det h\u00e4r inl\u00e4gget kommer jag att t\u00e4cka mer specifika och tekniska optimeringar. Jag har gjort dessa tips s\u00e5 nyb\u00f6rjarv\u00e4nliga som m\u00f6jligt. Vissa av dem \u00e4r l\u00e4tta att implementera men om jag ska vara \u00e4rlig \u00e4r vissa v\u00e4ldigt avancerade och det \u00e4r precis s\u00e5 det m\u00e5ste vara \ud83e\udd37\u200d\u2642\ufe0f<\/p>\n<p>Anv\u00e4nd s\u00e5 m\u00e5nga du kan p\u00e5 din webbplats och kom ih\u00e5g att om du har implementerat de f\u00f6rsta 9 taktikerna och du f\u00f6ljer <a href=\"https:\/\/webtrainingwheels.com\/7-simple-wordpress-performance-test-best-practices\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">b\u00e4sta praxis f\u00f6r prestanda<\/a> s\u00e5 har du redan f\u00e5tt merparten av resultaten.<\/p>\n<h3>10 Skjut upp Javascript<\/h3>\n<p>Om du bara anv\u00e4nder en taktik fr\u00e5n resten av den h\u00e4r listan, anv\u00e4nd den h\u00e4r.<\/p>\n<p>Utan att g\u00e5 vilse i de tekniska detaljerna \u00e4r ordningen som du laddar filer p\u00e5 din webbplats mycket viktig. Detta koncept kallas rendering path optimization.<\/p>\n<p>Tanken \u00e4r att din webbplats CSS ska laddas f\u00f6rst eftersom din webbplats kommer att vara en tom vit sk\u00e4rm tills det h\u00e4nder. N\u00e4r det g\u00e4ller Javascript-filer anv\u00e4nds de f\u00f6rmodligen f\u00f6r saker som analyser som inte beh\u00f6ver laddas direkt.<\/p>\n<p>Ist\u00e4llet f\u00f6r att h\u00e5lla en tom vit sida medan JS laddas, skjuter du upp JS-filerna tills allt annat p\u00e5 din webbplats har laddats. P\u00e5 s\u00e5 s\u00e4tt laddas din webbplats p\u00e5 samma tid men den dyker upp visuellt tidigare vilket g\u00f6r att den visas snabbare.<\/p>\n<p>Konceptet \u00e4r ganska avancerat, men \u00e5terigen inte s\u00e5 sv\u00e5rt att implementera.<\/p>\n<h4>Hur man skjuter upp Javascript<\/h4>\n<p>Du kommer att \u00e4lska det h\u00e4r.<\/p>\n<p>Hur avancerad taktiken \u00e4n \u00e4r, allt du beh\u00f6ver g\u00f6ra \u00e4r att markera en ruta i WP Rockets inst\u00e4llningar.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eeff204f62.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eeff204f62.png\" alt=\"Alla 36 s\u00e4tt att snabba upp din WordPress-webbplats\"><\/a><\/p>\n<p>Om du inte vet vad du g\u00f6r, rekommenderar jag starkt att du l\u00e4mnar alternativet &quot;S\u00e4kert l\u00e4ge&quot; markerat ocks\u00e5.<\/p>\n<p>Det finns ocks\u00e5 ett s\u00e4tt att optimera din CSS f\u00f6r renderingsv\u00e4gen.<\/p>\n<h3>11 Optimera CSS-leverans<\/h3>\n<p>Precis som Javascript \u00e4r CSS renderingsblockerande s\u00e5 att vi ocks\u00e5 kan skjuta upp det f\u00f6r b\u00e4ttre prestanda.<\/p>\n<p>Nu vet jag vad du t\u00e4nker: har vi inte bara skjutit upp JS s\u00e5 att CSS kan laddas, och nu skjuter vi upp CSS ocks\u00e5??<\/p>\n<p>H\u00e4r \u00e4r vad som h\u00e4nder&#8230;<\/p>\n<p>F\u00f6r att ta bort renderingsblockerande CSS, infogar du den kritiska CSS som anv\u00e4nds f\u00f6r att utforma de delar av din webbplats som dyker upp direkt. Sedan laddas resten av din webbplats CSS senare. \u00c5terigen betyder det att din webbplats dyker upp visuellt \u00e4nnu tidigare.<\/p>\n<p>Det h\u00e4r \u00e4r en mycket avancerad taktik och inte en jag skulle bry mig om om WP Rocket inte hade gjort det s\u00e5 j\u00e4kla l\u00e4tt.<\/p>\n<h4>Hur man optimerar CSS-leverans<\/h4>\n<p>Du b\u00f6rjar nog v\u00e4nja dig vid det h\u00e4r nu&#8230;<\/p>\n<p>Allt du beh\u00f6ver g\u00f6ra f\u00f6r att optimera din CSS-leverans med WP Rocket \u00e4r att markera den h\u00e4r rutan:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eeff4339e0.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eeff4339e0.png\" alt=\"Alla 36 s\u00e4tt att snabba upp din WordPress-webbplats\"><\/a><\/p>\n<p>WP Rocket genererar sedan den kritiska CSS som beh\u00f6vs f\u00f6r varje sida och infogar den i HTML. Resten av CSS skjuts sedan upp.<\/p>\n<p>Jag skulle aldrig f\u00f6rs\u00f6ka g\u00f6ra detta manuellt, s\u00e5 det \u00e4r en m\u00f6rdande optimering att ha automatiserat p\u00e5 det h\u00e4r s\u00e4ttet.<\/p>\n<p>D\u00e4refter har jag ytterligare tv\u00e5 snabba vinster f\u00f6r att snabba upp din webbplats.<\/p>\n<h3>12 St\u00e4ng av WordPress emoji-st\u00f6d<\/h3>\n<p>WordPress lade till emoji-st\u00f6d tillbaka i version 4.2.<\/p>\n<p>F\u00f6r att s\u00e4kerst\u00e4lla att emojis fungerar p\u00e5 din webbplats laddar WordPress en liten Javascript-fil p\u00e5 varje sida p\u00e5 din webbplats. S\u00e5 h\u00e4r \u00e4r det\u2026<\/p>\n<p>Vi beh\u00f6ver faktiskt inte den h\u00e4r filen f\u00f6r emoji-st\u00f6d eftersom praktiskt taget alla enheter redan har ett emoji-teckensnitt installerat. Jag har till exempel tagit bort emoji-st\u00f6d fr\u00e5n den h\u00e4r webbplatsen, men du ser fortfarande emojis eftersom din enhet har dem installerade \ud83d\udc4d<\/p>\n<p>Genom att ta bort emoji-st\u00f6det kommer din webbplats inte l\u00e4ngre att ladda den extra Javascript-filen, vilket g\u00f6r den lite snabbare.<\/p>\n<p>Du kan markera den h\u00e4r rutan i WP Rocket f\u00f6r att ta bort emoji-st\u00f6d:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eeff6cba65.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eeff6cba65.png\" alt=\"Alla 36 s\u00e4tt att snabba upp din WordPress-webbplats\"><\/a><\/p>\n<p>Den <a href=\"https:\/\/wordpress.org\/plugins\/disable-emojis\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Inaktivera emojis<\/a> plugin \u00e4r ett enkelt, gratis alternativ.<\/p>\n<h3>13 Inaktivera WordPress-inb\u00e4ddningar<\/h3>\n<p>N\u00e4r du klistrar in en l\u00e4nk fr\u00e5n Twitter i ett inl\u00e4gg kommer WordPress automatiskt att skapa en snygg inb\u00e4ddningsruta.<\/p>\n<p>Det \u00e4r coolt, men det som irriterar mig \u00e4r att det ocks\u00e5 g\u00f6r det n\u00e4r man klistrar in l\u00e4nkar till WordPress-sajter som den h\u00e4r. Jag anv\u00e4nder aldrig den h\u00e4r funktionen, s\u00e5 jag f\u00f6redrar att inaktivera den.<\/p>\n<p>Eftersom WordPress laddar en extra Javascript-fil f\u00f6r den h\u00e4r inb\u00e4ddningsfunktionen, minskar din sidas vikt om du tar bort den och en annan HTTP-f\u00f6rfr\u00e5gan blir av.<\/p>\n<p>WP Rocket har en annan kryssruta f\u00f6r att enkelt l\u00e4gga till denna optimering p\u00e5 din webbplats.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eeff8d7260.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eeff8d7260.png\" alt=\"Alla 36 s\u00e4tt att snabba upp din WordPress-webbplats\"><\/a><\/p>\n<p>Det \u00e4r en liten optimering, men varje bit hj\u00e4lper.<\/p>\n<h3>14 Uppdatera din PHP-version<\/h3>\n<p>Moderna kodningsspr\u00e5k \u00e4r h\u00e4pnadsv\u00e4ckande snabba.<\/p>\n<p>De flesta prestationstaktiker har ingenting att g\u00f6ra med hur snabbt koden p\u00e5 din webbplats k\u00f6rs. Snarare optimerar vi hastigheten p\u00e5 din webbplats inneh\u00e5ll som levereras till bes\u00f6karens enhet. Det \u00e4r den delen som tar tid.<\/p>\n<p>Denna taktik \u00e4r annorlunda eftersom den faktiskt p\u00e5skyndar hur snabbt koden p\u00e5 din webbplats k\u00f6rs.<\/p>\n<p>Nyare versioner av PHP blir snabbare, men om du fortfarande anv\u00e4nder PHP 5 kommer du att se enorma vinster genom att byta till 7.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eeffae27ad.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eeffae27ad.png\" alt=\"Alla 36 s\u00e4tt att snabba upp din WordPress-webbplats\"><\/a><\/p>\n<p>Bild med tillst\u00e5nd av Kinsta<\/p>\n<p>Det \u00e4r viktigt att f\u00f6rst\u00e5 att en f\u00f6rdubbling av hastigheten p\u00e5 din webbplats PHP inte kommer att g\u00f6ra att din webbplats laddas dubbelt s\u00e5 snabbt. Det g\u00f6r bara att PHP-koden k\u00f6rs dubbelt s\u00e5 snabbt vilket sannolikt \u00e4r en liten del av din sajts laddningstid.<\/p>\n<p>Som sagt, det \u00e4r potentiellt en mycket enkel prestandavinst och det \u00e4r ocks\u00e5 b\u00e4ttre f\u00f6r s\u00e4kerhet och plugin-kompatibilitet.<\/p>\n<h4>Hur du uppdaterar din PHP-version<\/h4>\n<p>H\u00e4r \u00e4r n\u00e5got jag har l\u00e4rt mig under \u00e5ren.<\/p>\n<p>V\u00e4rdf\u00f6retag av l\u00e4gre kvalitet anv\u00e4nder f\u00f6r\u00e5ldrade versioner av PHP och de b\u00e4sta webbhotellen h\u00e5ller sig uppdaterade med PHP-utg\u00e5vor.<\/p>\n<p>Uppdatering till den senaste versionen av PHP kommer att p\u00e5skynda din webbplats och beroende p\u00e5 din v\u00e4rd b\u00f6r det vara v\u00e4ldigt enkelt att g\u00f6ra.<\/p>\n<p>Kinsta har till exempel ett alternativ i instrumentpanelen som du kan anv\u00e4nda f\u00f6r att byta PHP-version med ett klick.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eeffd45658.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eeffd45658.png\" alt=\"Alla 36 s\u00e4tt att snabba upp din WordPress-webbplats\"><\/a><\/p>\n<p>Din v\u00e4rd kontrollerar vilken version av PHP som din webbplats k\u00f6r och hur l\u00e4tt den \u00e4r att uppdatera. Kontrollera din kontrollpanel och du b\u00f6r hitta ett alternativ d\u00e4r f\u00f6r att uppdatera.<\/p>\n<h3>15 Dra ner p\u00e5 plugins<\/h3>\n<p>Saknar plugins ner din webbplats?<\/p>\n<p>Ungef\u00e4r. Det \u00e4r komplicerat. Jag ska ge dig n\u00e5gra exempel.<\/p>\n<p>Jag anv\u00e4nder MonsertInsights plugin f\u00f6r att <a href=\"https:\/\/themewp.inform.click\/kak-dobavit-google-analytics-v-wordpress\/\" title=\"l\u00e4gga till Google Analytics\">l\u00e4gga till Google Analytics<\/a> p\u00e5 min webbplats. Google Analytics laddar tv\u00e5 Javascript-filer p\u00e5 varje sida p\u00e5 min webbplats, s\u00e5 det saktar ner (mer vikt och tv\u00e5 HTTP-f\u00f6rfr\u00e5gningar).<\/p>\n<p>Jag anv\u00e4nder plugin-programmet WPForms f\u00f6r alla mina kontaktformul\u00e4r. WPForms laddar en CSS-fil och beroende p\u00e5 vilka funktioner du anv\u00e4nder, n\u00e5gra JS-filer ocks\u00e5. Den laddar dock bara dessa filer p\u00e5 sidor som har kontaktformul\u00e4r. Det betyder att det inte har n\u00e5gon inverkan p\u00e5 min webbplatss prestanda f\u00f6rutom kontaktsidan.<\/p>\n<p>Slutligen anv\u00e4nder jag ett plugin som heter Format Media Titles f\u00f6r att automatiskt l\u00e4gga till titlar till mina bilder baserat p\u00e5 filnamnet. Denna plugin k\u00f6r lite PHP i admin-panelen n\u00e4r jag laddar upp bilder och har ingen inverkan p\u00e5 min webbplats prestanda.<\/p>\n<p>Nu kan du se varf\u00f6r det inte \u00e4r sant att s\u00e4ga &quot;plugins saktar ner din webbplats&quot;. Det g\u00f6r de, de g\u00f6r det inte, de g\u00f6r det under vissa f\u00f6ruts\u00e4ttningar osv \ud83e\udd37\u200d\u2642\ufe0f<\/p>\n<p>Den enda plugin av mina exempel som jag kan s\u00e4ga saktar ner min sida \u00e4r MonsterInsights, men jag beh\u00f6ver min analys, s\u00e5 jag \u00e4r okej med att byta ut en liten m\u00e4ngd extra laddningstid f\u00f6r den h\u00e4r funktionen.<\/p>\n<p><strong>Som en tumregel, om plugin-programmet \u00e4ndrar n\u00e5got p\u00e5 fronten av din webbplats, kommer det att p\u00e5verka prestandan.<\/strong> Omv\u00e4nt, om plugin-programmet bara p\u00e5verkar administrat\u00f6rspanelen kommer det f\u00f6rmodligen inte att sakta ner din webbplats.<\/p>\n<p>&quot;Front-end&quot; p\u00e5 din webbplats \u00e4r vad bes\u00f6karna ser. &quot;Back-end&quot; \u00e4r din administrat\u00f6rsinstrumentpanel.<\/p>\n<p>Ta en titt p\u00e5 din Plugins-meny och v\u00e4lj ut eventuella plugins som g\u00f6r \u00e4ndringar i fronten av din webbplats. Om du hittar n\u00e5gra som \u00e4r aktiva men du inte anv\u00e4nder kommer de sannolikt att sakta ner din webbplats, s\u00e5 inaktivera dem.<\/p>\n<h3>16 Anv\u00e4nd webP-bilder<\/h3>\n<p>Jag \u00e4r s\u00e4ker p\u00e5 att du \u00e4r bekant med bildformat som JPG och PNG.<\/p>\n<p>N\u00e5v\u00e4l, Google <a href=\"https:\/\/developers.google.com\/speed\/webp\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">sl\u00e4ppte ett nytt bildformat som<\/a> heter webP som har konstruerats f\u00f6r optimal prestanda. N\u00e4r du anv\u00e4nder webP-formatet ser bilden identisk ut men laddas snabbare.<\/p>\n<p>Det l\u00e5ter bra till en b\u00f6rjan, men det \u00e4r h\u00e4r det blir komplicerat.<\/p>\n<p>Inte alla webbl\u00e4sare <a href=\"https:\/\/caniuse.com\/#feat=webp\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">st\u00f6der webbP-bilder<\/a> \u00e4nnu. Det betyder att om du anv\u00e4nde webP f\u00f6r alla dina bilder kanske de inte visas alls i webbl\u00e4sare som Safari. F\u00f6r n\u00e4rvarande m\u00e5ste du servera webbP-bilder och \u00e4ven ha en backup JPG- eller PNG-version av varje bild.<\/p>\n<p>Uppenbarligen l\u00e5ter det som mer arbete \u00e4n det \u00e4r v\u00e4rt, men \u00e5terigen, det finns en v\u00e4ldigt enkel l\u00f6sning.<\/p>\n<h4>Hur man anv\u00e4nder webP-bilder<\/h4>\n<p>Om du anv\u00e4nder Optimole-pluginet hanteras det helt \u00e5t dig.<\/p>\n<p>Det finns faktiskt inte ens en inst\u00e4llning f\u00f6r detta.<\/p>\n<p>Optimole skapar automatiskt webP-versioner av dina bilder och visar dem till bes\u00f6kare om deras webbl\u00e4sare st\u00f6der det. En liten Javascript-fil med en polyfill laddas f\u00f6r att visa JPG\/PNG-versioner av bilderna n\u00e4r bes\u00f6karens webbl\u00e4sare inte st\u00f6der webP.<\/p>\n<h3>17 Anv\u00e4nd DNS-f\u00f6rh\u00e4mtning<\/h3>\n<p>DNS-f\u00f6rh\u00e4mtning \u00e4r supercool.<\/p>\n<p>De flesta filerna p\u00e5 din webbplats kommer att laddas fr\u00e5n din dom\u00e4n. Till exempel, CSS-filen i ditt tema som utformar din webbplats \u00e4r v\u00e4rd f\u00f6r din webbplats.<\/p>\n<p>Om du anv\u00e4nder Google Analytics kommer din webbplats att ladda de Javascript-filer som beh\u00f6vs fr\u00e5n Googles servrar ist\u00e4llet f\u00f6r din. Detta tar l\u00e4ngre tid \u00e4n att ladda filer som finns p\u00e5 din dom\u00e4n.<\/p>\n<p>I grund och botten, n\u00e4r du anv\u00e4nder DNS-f\u00f6rh\u00e4mtning, b\u00f6rjar din webbplats processen att ladda de externa filerna tidigare. Faktum \u00e4r att n\u00e4r n\u00e5gon skriver in din dom\u00e4n i adressf\u00e4ltet, b\u00f6rjar DNS-f\u00f6rh\u00e4mtning arbetet med att f\u00f6rbereda de externa filerna innan de ens bes\u00f6ker din webbplats.<\/p>\n<p>Detaljerna \u00e4r ganska tekniska, men det \u00e4r tanken bakom den h\u00e4r taktiken.<\/p>\n<h4>Hur man anv\u00e4nder DNS-f\u00f6rh\u00e4mtning<\/h4>\n<p>Det finns ett enkelt alternativ fr\u00e5n WP Rocket f\u00f6r f\u00f6rh\u00e4mtning.<\/p>\n<p>I Preload-menyn kan du ange URL:er f\u00f6r alla externa filer som din webbplats laddar.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefff12a7c.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefff12a7c.png\" alt=\"Alla 36 s\u00e4tt att snabba upp din WordPress-webbplats\"><\/a><\/p>\n<p>Din webbplats anv\u00e4nder f\u00f6rmodligen Google Fonts, s\u00e5 att l\u00e4gga till &quot;\/\/fonts.googleapis.com&quot; skulle m\u00f6jligg\u00f6ra f\u00f6rh\u00e4mtning f\u00f6r det dom\u00e4nnamnet.<\/p>\n<h3>18 gr\u00e4nsinl\u00e4gg per sida<\/h3>\n<p>Om du driver en aktiv blogg \u00e4r din huvudsakliga inl\u00e4ggssida din webbplats viktigaste sida. Det kan ocks\u00e5 vara en av de l\u00e5ngsammaste.<\/p>\n<p>Jag har sett bloggare visa varenda en av sina inl\u00e4gg p\u00e5 sin hemsida. N\u00e4r du bes\u00f6ker snurrar och snurrar laddningsindikatorn och sidan laddas aldrig helt. Det \u00e4r en fruktansv\u00e4rd anv\u00e4ndarupplevelse och \u00e4nnu v\u00e4rre, det kostar dem en enorm m\u00e4ngd bandbredd.<\/p>\n<p>Vid n\u00e5gon tidpunkt blir den stora m\u00e4ngden HTML som beh\u00f6vs f\u00f6r inl\u00e4ggen ett problem, men huvudproblemet \u00e4r alla bilder. Det \u00e4r d\u00e4rf\u00f6r det \u00e4r s\u00e5 viktigt att du l\u00e4gger till lazy loading p\u00e5 din webbplats.<\/p>\n<p>Dessutom b\u00f6r du s\u00e4tta en rimlig gr\u00e4ns f\u00f6r antalet inl\u00e4gg du visar p\u00e5 varje sida i din blogg.<\/p>\n<h4>Hur man begr\u00e4nsar dina inl\u00e4gg per sida<\/h4>\n<p>WordPress har ett inbyggt alternativ f\u00f6r att styra dina inl\u00e4gg per sida i menyn L\u00e4sinst\u00e4llningar.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef00102057.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef00102057.png\" alt=\"Alla 36 s\u00e4tt att snabba upp din WordPress-webbplats\"><\/a><\/p>\n<p>S\u00e5 l\u00e4nge du har aktiverat lazy loading kan du visa 10-30 inl\u00e4gg per sida utan problem. Som sagt, 10 \u00e4r f\u00f6rmodligen det genomsnittliga antalet bloggare anv\u00e4nder och jag skulle inte g\u00e5 l\u00e4ngre \u00e4n 10 utan att anv\u00e4nda lazy loading.<\/p>\n<h3>19 Kombinera Google Font-f\u00f6rfr\u00e5gningar<\/h3>\n<p>Jag \u00e4r ungef\u00e4r 100 % s\u00e4ker p\u00e5 att ditt tema laddar Google Fonts.<\/p>\n<p>Om det \u00e4r ett v\u00e4lkodat tema b\u00f6r det bara finnas en beg\u00e4ran om Google Fonts, s\u00e5 inga problem d\u00e4r.<\/p>\n<p>Det finns dock en chans att plugins p\u00e5 din webbplats ocks\u00e5 laddar Google Fonts, eller s\u00e5 har du lagt till fler teckensnitt sj\u00e4lv. Om s\u00e5 \u00e4r fallet g\u00f6r din webbplats flera Google Fonts-f\u00f6rfr\u00e5gningar, vilket inneb\u00e4r flera HTTP-f\u00f6rfr\u00e5gningar. Kom ih\u00e5g att ju f\u00e4rre HTTP-f\u00f6rfr\u00e5gningar desto b\u00e4ttre.<\/p>\n<h4>Hur man kombinerar beg\u00e4ran om Google Fonts<\/h4>\n<p>Du \u00e4r f\u00f6rmodligen van vid det h\u00e4r nu&#8230;<\/p>\n<p>F\u00f6r att kombinera Google Fonts-f\u00f6rfr\u00e5gningarna p\u00e5 din webbplats med WP Rocket, markera den h\u00e4r rutan:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef002e8d16.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef002e8d16.png\" alt=\"Alla 36 s\u00e4tt att snabba upp din WordPress-webbplats\"><\/a><\/p>\n<p>Om du inte \u00e4r s\u00e4ker p\u00e5 om din webbplats g\u00f6r flera Google Fonts-f\u00f6rfr\u00e5gningar \u00e4r det ingen skada att anv\u00e4nda det h\u00e4r alternativet s\u00e5 jag rekommenderar att du alltid aktiverar det.<\/p>\n<h3>20 Optimera Gravatar-f\u00f6rfr\u00e5gningar<\/h3>\n<p>N\u00e4r folk l\u00e4mnar kommentarer p\u00e5 din webbplats visas deras avatarer automatiskt. Det beror p\u00e5 att WordPress integreras med Gravatar f\u00f6r att f\u00e5 avatarerna.<\/p>\n<p><a href=\"https:\/\/gravatar.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Gravatar<\/a> \u00e4r en gratistj\u00e4nst och allt den g\u00f6r \u00e4r att associera en avatar med en e-postadress. Om du skapar ett konto och l\u00e4gger till en avatar kommer du att se den dyka upp p\u00e5 din webbplats och \u00f6ver hela webben automatiskt.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef0051bfa1.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef0051bfa1.png\" alt=\"Alla 36 s\u00e4tt att snabba upp din WordPress-webbplats\"><\/a><\/p>\n<p>H\u00e4r \u00e4r problemet.<\/p>\n<p>Varenda en av dessa bilder g\u00f6r en annan extern beg\u00e4ran till Gravatar-servrarna. Det betyder att om du f\u00e5r 10 kommentarer p\u00e5 ett inl\u00e4gg kommer din webbplats att g\u00f6ra upp till 10 externa HTTP-f\u00f6rfr\u00e5gningar \u2013 det \u00e4r mycket!<\/p>\n<p>Det finns tre s\u00e4tt att optimera Gravatar s\u00e5 att det inte saktar ner din webbplats.<\/p>\n<h4>Hur man optimerar Gravatar-avatarer<\/h4>\n<p>Det f\u00f6rsta alternativet \u00e4r v\u00e4ldigt enkelt: ladda Gravatar-bilder p\u00e5 lata h\u00e5ll.<\/p>\n<p>Tyv\u00e4rr fungerar inte Optimoles lata laddning med Gravatar-bilder. F\u00f6r att lata ladda Gravatar-bilder kan du anv\u00e4nda det kostnadsfria <a href=\"https:\/\/wordpress.org\/plugins\/a3-lazy-load\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">pluginet a3 Lazy Load<\/a>.<\/p>\n<p>Alternativt kan du inaktivera Gravatar helt. I diskussionsinst\u00e4llningarna, st\u00e4ng av avatarer med det h\u00e4r alternativet:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef0073b9fa.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef0073b9fa.png\" alt=\"Alla 36 s\u00e4tt att snabba upp din WordPress-webbplats\"><\/a><\/p>\n<p>Som inst\u00e4llningen antyder inaktiverar detta avatarer i kommentarerna helt. Om du fortfarande vill att standardavatarer ska dyka upp kan du installera <a href=\"https:\/\/wordpress.org\/plugins\/disable-user-gravatar\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">insticksprogrammet Disable User Gravatar<\/a> ist\u00e4llet.<\/p>\n<p>Om kommentatorer har sina egna konton p\u00e5 din webbplats kan du anv\u00e4nda <a href=\"https:\/\/wordpress.org\/plugins\/wp-user-avatar\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">WP User Avatar-<\/a> plugin f\u00f6r att l\u00e5ta dem ladda upp sina egna avatarer.<\/p>\n<p>Det tredje alternativet \u00e4r att cachelagra Gravatar-bilderna med ett plugin som <a href=\"https:\/\/wordpress.org\/plugins\/fv-gravatar-cache\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">FV Gravatar Cache<\/a>, men detta plugin har f\u00e5tt blandade anv\u00e4ndarrecensioner.<\/p>\n<p>\u00c4ven om dessa tre alternativ \u00e4r genomf\u00f6rbara, \u00e4r n\u00e4sta prestandaoptimering ett fj\u00e4rde tillv\u00e4gag\u00e5ngss\u00e4tt och den l\u00f6sning jag anv\u00e4nder f\u00f6r den h\u00e4r webbplatsen.<\/p>\n<p>Detta \u00e4r en riktigt cool prestandaoptimering som jag precis b\u00f6rjat anv\u00e4nda.<\/p>\n<p>Kommentarer p\u00e5 din webbplats dyker inte upp f\u00f6rr\u00e4n efter allt inl\u00e4ggsinneh\u00e5ll, s\u00e5 varf\u00f6r ladda dem direkt?<\/p>\n<p>Eftersom Optimole inte fungerade f\u00f6r att lata ladda Gravatar-bilder, installerade jag plugin <a href=\"https:\/\/wordpress.org\/plugins\/lazy-load-for-comments\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Lazy Load for Comments f\u00f6r<\/a> att lata ladda hela kommentarsektionen. Problemet l\u00f6st!<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef009515d5.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef009515d5.png\" alt=\"Alla 36 s\u00e4tt att snabba upp din WordPress-webbplats\"><\/a><\/p>\n<p>Nu n\u00e4r n\u00e5gon bes\u00f6ker ett inl\u00e4gg laddas ingen av kommentarerna eller Gravatar-bilderna f\u00f6rr\u00e4n de rullar hela v\u00e4gen ner till kommentarsektionen. Detta tar bort alla HTTP-f\u00f6rfr\u00e5gningar fr\u00e5n Gravatar till l\u00e5ngt efter den f\u00f6rsta laddningen.<\/p>\n<p>Medan vi pratar lat laddning, l\u00e5t oss forts\u00e4tta med ytterligare en implementering.<\/p>\n<h3>22 Lata ladda alla videor<\/h3>\n<p>B\u00e4ddar du in Youtube-videor i dina inl\u00e4gg?<\/p>\n<p>Att ladda videor kan vara ett stort hinder f\u00f6r prestandan, s\u00e4rskilt om du har mer \u00e4n en p\u00e5 sidan.<\/p>\n<p>Du kan lata ladda dina videor (och iframes) precis som bilder.<\/p>\n<h4>Hur man lata laddar videor<\/h4>\n<p>Jag anv\u00e4nder Optimoles lazy loading-funktion f\u00f6r bilder, men WP Rocket har ett alternativ specifikt f\u00f6r iframes och videor som du kan aktivera s\u00e5 h\u00e4r:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef00c6d97e.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef00c6d97e.png\" alt=\"Alla 36 s\u00e4tt att snabba upp din WordPress-webbplats\"><\/a><\/p>\n<p>Det finns ocks\u00e5 ett alternativ att ladda en miniatyr i st\u00e4llet f\u00f6r videon, men personligen gillar jag inte det h\u00e4r alternativet eftersom det f\u00e5r bes\u00f6kare att klicka p\u00e5 videon tv\u00e5 g\u00e5nger vilket jag tycker \u00e4r irriterande.<\/p>\n<h3>23 Minska omdirigeringar<\/h3>\n<p>Om du bes\u00f6ker den h\u00e4r webbplatsen med &quot;http&quot; kommer den att omdirigera dig till &quot;https&quot;-versionen ist\u00e4llet.<\/p>\n<p>Dessutom, om du bes\u00f6ker utan &quot;www&quot;, kommer du att omdirigeras till versionen med &quot;www.&quot;<\/p>\n<p>B\u00e5da omdirigeringarna \u00e4r v\u00e4ldigt snabba, men de tar fortfarande tid och n\u00e4r det kommer till prestanda s\u00e5 r\u00e4knas varje br\u00e5kdel av en sekund.<\/p>\n<p>N\u00e4r du l\u00e4nkar till din egen webbplats antingen internt eller fr\u00e5n en annan webbplats, se till att alltid anv\u00e4nda den slutliga webbadressen som bes\u00f6karna kommer till. Jag anv\u00e4nder alltid &quot; <a href=\"https:\/\/www.competethemes.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">https:\/\/www.competethemes.com\/<\/a> &quot; s\u00e5 att det inte finns n\u00e5gra omdirigeringar.<\/p>\n<p>Genom att alltid l\u00e4nka till r\u00e4tt version av din webbadress undviker du att skicka bes\u00f6kare genom omdirigeringar som f\u00e5r din sida att verka l\u00e5ngsammare.<\/p>\n<h3>24 V\u00e4rd Google Analytics lokalt<\/h3>\n<p>Jag har n\u00e4mnt Google Analytics n\u00e5gra g\u00e5nger hittills eftersom det \u00e4r en oundviklig prestationsbrist.<\/p>\n<p>En anledning till att det saktar ner din webbplats \u00e4r att du m\u00e5ste ladda filerna fr\u00e5n en extern server (Googles) vilket tar fler steg \u00e4n att ladda en fil fr\u00e5n din server.<\/p>\n<p>Genom att lagra Google Analytics-filerna lokalt kan du ladda dem lite snabbare.<\/p>\n<h4>Hur man laddar Google Analytics lokalt<\/h4>\n<p>\u00c5terigen har plugin-programmet WP Rocket gjort detta otroligt enkelt och p\u00e5litligt.<\/p>\n<p>I menyn Till\u00e4gg finns det ett enkelt alternativ som du kan aktivera f\u00f6r att vara v\u00e4rd f\u00f6r Google Analytics lokalt ist\u00e4llet f\u00f6r att ladda det fr\u00e5n deras servrar.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef00e7d5c0.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef00e7d5c0.png\" alt=\"Alla 36 s\u00e4tt att snabba upp din WordPress-webbplats\"><\/a><\/p>\n<p>Det h\u00e4r alternativet fungerar med de flesta plugins som anv\u00e4nds f\u00f6r att l\u00e4gga till Google Analytics inklusive MonsterInsights.<\/p>\n<p>Ett utm\u00e4rkt <a href=\"https:\/\/wordpress.org\/plugins\/host-analyticsjs-local\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">gratisalternativ<\/a> \u00e4r <a href=\"https:\/\/wordpress.org\/plugins\/host-analyticsjs-local\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">CAOS-plugin<\/a>.<\/p>\n<h3>25 Anv\u00e4nd f\u00e4rre typsnitt<\/h3>\n<p>Du har redan optimerat din JS och CSS, s\u00e5 l\u00e5t oss ta det allvar med att optimera teckensnitt ocks\u00e5.<\/p>\n<p>N\u00e4r det kommer till prestanda \u00e4r typsnitt dyra.<\/p>\n<p>Om du l\u00e4ser mitt inl\u00e4gg om <a href=\"https:\/\/themewp.inform.click\/9-prostyh-pravil-dizajna-kotorye-sdelajut-vash-sajt-krasivee\/\" title=\"hur du g\u00f6r din webbplats vackrare\">hur du g\u00f6r din webbplats vackrare<\/a>, s\u00e5 vet du att jag f\u00f6respr\u00e5kar att anv\u00e4nda ett eller tv\u00e5 typsnitt som mest. F\u00f6rutom att det \u00e4r en bra designregel \u00e4r det ocks\u00e5 en bra prestandaregel.<\/p>\n<p>Varje typsnitt du laddar har en inverkan p\u00e5 din webbplats prestanda, s\u00e5 ju f\u00e4rre du anv\u00e4nder desto b\u00e4ttre.<\/p>\n<p>L\u00e5t oss nu bli lite mer detaljerade.<\/p>\n<h3>26 Anv\u00e4nd f\u00e4rre teckensnittsvikter<\/h3>\n<p>Varje teckensnitts vikt multiplicerar prestandatullen f\u00f6r ditt teckensnittsval.<\/p>\n<p>Om du till exempel anv\u00e4nder Roboto-teckensnittet laddar du standardvikten. Om du ocks\u00e5 vill ha det kursivt och fetstilt \u00e4r det helt andra teckenupps\u00e4ttningar och det betyder att du nu laddar tre teckensnittsfiler som alla har ungef\u00e4r samma storlek.<\/p>\n<p>Om du ocks\u00e5 anv\u00e4nder teckensnittet Playfair Display och laddar en fet och kursiv version, laddar du nu sex teckensnittsfiler som kommer att ha stor inverkan p\u00e5 din webbplatshastighet.<\/p>\n<p>Din webbplats kan se bra ut och vara m\u00e5ngsidig med ett enda teckensnitt laddat i en standard, kursiv stil och fet stil. Om du absolut vill ha ett annat typsnitt, anv\u00e4nd det f\u00f6r rubriker s\u00e5 att det inte beh\u00f6ver ha flera vikter eller kursivering.<\/p>\n<h3>27 Ladda bara ditt spr\u00e5ks teckenupps\u00e4ttning<\/h3>\n<p>Du har precis l\u00e4rt dig att att ladda ett teckensnitt i olika vikter multiplicerar antalet filer som din webbplats beh\u00f6ver ladda.<\/p>\n<p>Efter samma tr\u00e5d, ju fler tecken i teckensnittet, desto st\u00f6rre \u00e4r filen. Po\u00e4ngen \u00e4r att du bara vill ladda de tecken du beh\u00f6ver.<\/p>\n<p>Se till att du bara laddar Google Fonts p\u00e5 det spr\u00e5k du anv\u00e4nder. F\u00f6r engelska anv\u00e4ndare beh\u00f6ver du bara den latinska teckenupps\u00e4ttningen och inte Latin Extended som ofta laddas som standard.<\/p>\n<p>Beroende p\u00e5 hur du l\u00e4gger till Google Fonts p\u00e5 din webbplats, kanske du har eller kanske inte har m\u00f6jlighet att \u00e4ndra detta, s\u00e5 kolla med de tillg\u00e4ngliga tema- eller pluginalternativen.<\/p>\n<h3>28 St\u00e4ng av OpenType-funktioner i Adobe Fonts<\/h3>\n<p>Om du anv\u00e4nder Adobe Fonts (tidigare TypeKit) f\u00f6r dina typsnitt, har du f\u00f6rmodligen tillg\u00e5ng till vissa OpenType-funktioner.<\/p>\n<p>\u00c4ven om OpenType-funktioner \u00e4r fantastiska f\u00f6r att l\u00e4gga till vackra br\u00e5k, sm\u00e5 bokst\u00e4ver och m\u00e5nga andra typografiska funktioner, beh\u00f6ver du f\u00f6rmodligen inte dem.<\/p>\n<p>Eftersom OpenType inneh\u00e5ller massor av nya teckenglyfer, g\u00f6r det teckensnittsfilerna st\u00f6rre vilket resulterar i l\u00e4ngre laddningstider.<\/p>\n<p>N\u00e4r du redigerar ditt projekt, inaktivera OpenType-funktionerna h\u00e4r:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef010a2781.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef010a2781.png\" alt=\"Alla 36 s\u00e4tt att snabba upp din WordPress-webbplats\"><\/a><\/p>\n<p>Som du kan se i mitt exempel laddar jag bara in de tre teckensnittsvikterna jag beh\u00f6ver och den engelska delm\u00e4ngden som f\u00f6rklarats i f\u00f6reg\u00e5ende taktik.<\/p>\n<h3>29 Ers\u00e4tt Font Awesome med Fontello<\/h3>\n<p>Den h\u00e4r taktiken \u00e4r v\u00e4ldigt teknisk, men eftersom den hj\u00e4lpte mig, tar jag med den f\u00f6r alla andra som l\u00e4ser vars bekv\u00e4ma skrivande kod.<\/p>\n<p>Om du anv\u00e4nder Font Awesome eller ett annat ikontypsnitt f\u00f6r din webbplats, laddar du troligen hela teckensnittet, dvs. du laddar hundratals ikoner. Troligtvis anv\u00e4nder du bara en handfull av ikonerna p\u00e5 din webbplats.<\/p>\n<p>Med Fontello kan du bygga ditt eget ikontypsnittspaket med endast Font Awesome-ikonerna du faktiskt anv\u00e4nder.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef012cf41f.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef012cf41f.png\" alt=\"Alla 36 s\u00e4tt att snabba upp din WordPress-webbplats\"><\/a><\/p>\n<p>Eftersom jag bara anv\u00e4nder 26 olika ikoner p\u00e5 den h\u00e4r webbplatsen, kunde jag kraftigt minska storleken p\u00e5 teckensnittsfilen och dess stilmall (ungef\u00e4r 100 kb).<\/p>\n<p>Om du har full teknisk kontroll \u00f6ver din webbplats, \u00e4r att ta bort Font Awesome och ers\u00e4tta det med ett anpassat webbteckensnittspaket fr\u00e5n Fontello ett utm\u00e4rkt s\u00e4tt att ytterligare f\u00f6rb\u00e4ttra din webbplats prestanda.<\/p>\n<h2>Andra optimeringar<\/h2>\n<p>Jag ser andra webbplatser som rekommenderar n\u00e4sta tips hela tiden, men h\u00e4r \u00e4r grejen&#8230;<\/p>\n<p>Dessa sista taktik kommer inte att g\u00f6ra att din webbplats laddas snabbare. De kommer att optimera din webbplats prestanda, men inte exakt p\u00e5 ett s\u00e4tt som p\u00e5skyndar den.<\/p>\n<p>Du kommer att minska m\u00e4ngden diskutrymme som din webbplats anv\u00e4nder, eventuellt g\u00f6ra din webbplats s\u00e4krare och till och med minska bandbredden du anv\u00e4nder. Det r\u00e4cker f\u00f6r att g\u00f6ra dessa taktiker v\u00e4rda i mina \u00f6gon, och det \u00e4r d\u00e4rf\u00f6r jag har tagit med dem i slutet av det h\u00e4r inl\u00e4gget.<\/p>\n<p>H\u00e4r \u00e4r de senaste 7 taktikerna.<\/p>\n<h3>30 St\u00e4ng av pingbacks och trackbacks<\/h3>\n<p>Ingen anv\u00e4nder l\u00e4ngre pingbacks eller trackbacks av legitima sk\u00e4l.<\/p>\n<p>F\u00f6rut innan sociala medier n\u00e4r folk drev personliga bloggar, var pingbacks ungef\u00e4r som att @-a n\u00e5gon. Med andra ord, de skulle l\u00e5ta dig veta n\u00e4r en annan bloggare refererade till din webbplats.<\/p>\n<p>Nuf\u00f6rtiden anv\u00e4nds de mer eller mindre uteslutande f\u00f6r spam och utnyttjande av s\u00e4kerhetsbrister (som DDoSing). Det \u00e4r b\u00e4st att helt enkelt inaktivera dem med dessa tv\u00e5 alternativ i diskussionsinst\u00e4llningarna.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef014de30d.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef014de30d.png\" alt=\"Alla 36 s\u00e4tt att snabba upp din WordPress-webbplats\"><\/a><\/p>\n<p>Inga plugins beh\u00f6vs.<\/p>\n<h3>31 Sakta ner Heartbeat API<\/h3>\n<p>Heartbeat API k\u00f6rs i WordPress f\u00f6r att h\u00e5lla vissa funktioner ig\u00e5ng i din webbl\u00e4sare. Till exempel, WordPress sparar automatiskt dina inl\u00e4gg medan du arbetar med dem f\u00f6r att f\u00f6rhindra att du f\u00f6rlorar n\u00e5got av ditt inneh\u00e5ll i h\u00e4ndelse av ett misstag eller fel.<\/p>\n<p>Detta API k\u00f6rs normalt en g\u00e5ng i minuten och du kanske tycker att det saktar ner dig lite n\u00e4r du arbetar med ett inl\u00e4gg eller anv\u00e4nder andra funktioner i din administrat\u00f6r.<\/p>\n<p>\u00c4ven om det inte \u00e4r en stor sak f\u00f6r de flesta, kan du lika g\u00e4rna sakta ner den med den h\u00e4r inst\u00e4llningen i WP Rocket-plugin:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef0171cee9.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef0171cee9.png\" alt=\"Alla 36 s\u00e4tt att snabba upp din WordPress-webbplats\"><\/a><\/p>\n<p>Att minska aktiviteten s\u00e4ger helt enkelt till Heartbeat API att k\u00f6ras en g\u00e5ng varannan minut ist\u00e4llet f\u00f6r varje minut.<\/p>\n<h3>32 Inaktivera hotlinking<\/h3>\n<p>Hotlinking \u00e4r n\u00e4r n\u00e5gon visar en bild p\u00e5 sin webbplats men de anv\u00e4nder en bild-URL fr\u00e5n din webbplats f\u00f6r att visa bilden. Vad som h\u00e4nder d\u00e5 \u00e4r att varje g\u00e5ng n\u00e5gon bes\u00f6ker deras sida s\u00e5 efterfr\u00e5gas bilden fr\u00e5n din server ist\u00e4llet f\u00f6r deras.<\/p>\n<p>Summan av kardemumman \u00e4r att n\u00e4r n\u00e5gon hotlinkar en av dina bilder, betalar du f\u00f6r bandbredden och f\u00e5r ingen av f\u00f6rdelarna. Det \u00e4r att stj\u00e4la.<\/p>\n<p>Cloudflare inkluderar deras ScrapeShield-tj\u00e4nst i den kostnadsfria niv\u00e5n som har en m\u00f6jlighet att f\u00f6rhindra att m\u00e4nniskor hotlinkar dina bilder.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef01904f69.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef01904f69.png\" alt=\"Alla 36 s\u00e4tt att snabba upp din WordPress-webbplats\"><\/a><\/p>\n<p>\u00c4lskar du inte alla dessa enkla alternativ f\u00f6r att klicka f\u00f6r att aktivera?<\/p>\n<p>Jag slog p\u00e5 detta nyligen och det sparade mig massor av bandbredd. Jag antar att hotlinking har b\u00f6rjat \u00f6ka f\u00f6r min dom\u00e4n under \u00e5ren, och det h\u00e4r alternativet omedelbart upph\u00e4vde dessa f\u00f6rfr\u00e5gningar.<\/p>\n<h3>33 Optimera din databas<\/h3>\n<p>Att st\u00e4da upp din databas kommer f\u00f6rmodligen inte att g\u00f6ra din webbplats snabbare, men det kommer att minska m\u00e4ngden diskutrymme du anv\u00e4nder.<\/p>\n<p>Om du har mycket svullnad i din databas \u00e4r det mer sannolikt att detta saktar ner din administrat\u00f6rsinstrumentpanel \u00e4n fronten p\u00e5 din webbplats. Om du till exempel har tiotusentals skr\u00e4ppostkommentarer kan menyn Kommentarer ta l\u00e4ngre tid att ladda p\u00e5 grund av den stora m\u00e4ngden data.<\/p>\n<p>Det finns massor av plugins tillg\u00e4ngliga f\u00f6r att optimera din databas, men det h\u00e4r \u00e4r n\u00e5got jag ocks\u00e5 g\u00f6r med WP Rocket.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef01acd19f.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef01acd19f.png\" alt=\"Alla 36 s\u00e4tt att snabba upp din WordPress-webbplats\"><\/a><\/p>\n<p>Databasmenyn i WP Rocket-inst\u00e4llningarna inneh\u00e5ller alternativ f\u00f6r automatisk radering av skr\u00e4ppostkommentarer och annan v\u00e4rdel\u00f6s data fr\u00e5n din databas ocks\u00e5.<\/p>\n<p>\u00c4nnu b\u00e4ttre, du kan schemal\u00e4gga denna automatisering s\u00e5 att den k\u00f6rs \u00e5t dig varje dag, vecka eller m\u00e5nad.<\/p>\n<h3>34 Inaktivera eller begr\u00e4nsa postrevisioner<\/h3>\n<p>Du har precis l\u00e4rt dig att WordPress anv\u00e4nder Heartbeat API f\u00f6r att rutinm\u00e4ssigt spara utkast av dina inl\u00e4gg. Tja, WordPress sparar ocks\u00e5 revisioner som du kan \u00e5terst\u00e4lla senare om det beh\u00f6vs.<\/p>\n<p>Problemet med att lagra massor av revisioner \u00e4r att de tar upp utrymme i din databas. Ett inl\u00e4gg med 19 revisioner \u00e4r som att lagra 20 inl\u00e4gg i din databas. \u00c4ven om du kan <a href=\"https:\/\/wordpress.org\/plugins\/disable-post-revision\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">inaktivera revisioner med ett plugin<\/a> eller <a href=\"https:\/\/wordpress.org\/plugins\/wp-revisions-control\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">begr\u00e4nsa dem<\/a>, kan du ocks\u00e5 helt enkelt ta bort dem.<\/p>\n<p>Databasmenyn i WP Rocket inneh\u00e5ller ett alternativ f\u00f6r att ta bort postrevisioner.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef01d2e496.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef01d2e496.png\" alt=\"Alla 36 s\u00e4tt att snabba upp din WordPress-webbplats\"><\/a><\/p>\n<p>Du kan k\u00f6ra det h\u00e4r alternativet manuellt eller schemal\u00e4gga det.<\/p>\n<p>Och bara en notis up, du b\u00f6r alltid <a href=\"https:\/\/themewp.inform.click\/kak-sdelat-rezervnuju-kopiju-vashego-sajta-wordpress-i-zachem-vam-jeto-nuzhno\/\" title=\"s\u00e4kerhetskopiera din webbplats\">s\u00e4kerhetskopiera din webbplats<\/a> innan du k\u00f6r n\u00e5gra databasoptimeringar.<\/p>\n<p>Jag har WP Rocket planerat att k\u00f6ra denna optimering varje dag eftersom Kinsta ocks\u00e5 s\u00e4kerhetskopierar min sida dagligen.<\/p>\n<h3>35 Ta bort fr\u00e5gestr\u00e4ngar<\/h3>\n<p>Det finns mycket att f\u00f6rklara h\u00e4r, men eftersom det inte kommer att p\u00e5skynda din webbplats, kommer jag bara direkt till slutsatsen.<\/p>\n<p>Fr\u00e5gestr\u00e4ngar p\u00e5 filwebbadresser kan eventuellt f\u00f6rhindra att de cachelagras. Med de flesta caching-plugins, som WP Rocket, \u00e4r detta inte fallet s\u00e5 n\u00e4rvaron av fr\u00e5gestr\u00e4ngar \u00e4r inte ett problem.<\/p>\n<p>Dessutom b\u00f6r fr\u00e5gestr\u00e4ngar ofta inte tas bort eftersom de kr\u00e4vs f\u00f6r att plugins ska fungera korrekt.<\/p>\n<p>Aktivera bara det h\u00e4r alternativet i WP Rocket och g\u00f6r klart det:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef01f4c158.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef01f4c158.png\" alt=\"Alla 36 s\u00e4tt att snabba upp din WordPress-webbplats\"><\/a><\/p>\n<p>De har optimerat den h\u00e4r funktionen s\u00e5 att den inte bryter s\u00f6nder saker p\u00e5 din webbplats och du kommer inte att se varningar fr\u00e5n GTMetrix och andra prestandarevisionsverktyg som du beh\u00f6ver f\u00f6r att ta bort fr\u00e5gestr\u00e4ngar fr\u00e5n statiska resurser.<\/p>\n<h3>36 Ta bort inaktiva plugins<\/h3>\n<p>N\u00e4r du inaktiverar ett plugin st\u00e4nger du helt enkelt av det. Du kan \u00e5teraktivera den och dina tidigare inst\u00e4llningar kommer att \u00e5terst\u00e4llas.<\/p>\n<p>Men om du tar bort ett plugin raderar detta normalt dina inst\u00e4llningar och data som skapats av plugin. Detta beror p\u00e5 att de flesta plugins har en rensningsprocess som de k\u00f6r n\u00e4r de raderas s\u00e5 att de inte l\u00e4mnar en r\u00f6ra i din databas.<\/p>\n<p>Om du har inaktiva plugins som du inte har tagit bort \u00e4n kan det hj\u00e4lpa dig att optimera din databas om du tar bort dem. Dessutom \u00e4r det bara en bra \u00f6vning i allm\u00e4nhet \ud83d\ude42<\/p>\n<h2>Njut av din snabbare webbplats<\/h2>\n<p>Med \u00f6ver 7 000 ord \u00e4r detta officiellt det l\u00e4ngsta blogginl\u00e4gg jag n\u00e5gonsin skrivit. Jag ville ha med allt!<\/p>\n<p>Det \u00e4r bara en sak till jag m\u00e5ste ber\u00e4tta f\u00f6r dig&#8230;<\/p>\n<p>N\u00e4r det g\u00e4ller prestandaoptimering \u00e4r ditt arbete aldrig riktigt klart. N\u00e4r du har implementerat taktiken du vill testa p\u00e5 din webbplats, se till att komma tillbaka hit en eller tv\u00e5 g\u00e5nger om \u00e5ret f\u00f6r att g\u00e5 igenom listan igen och optimera din webbplats igen.<\/p>\n<p>Jag tycker att jag m\u00e5ste optimera om min webbplats minst en g\u00e5ng om \u00e5ret f\u00f6r att h\u00e5lla den i toppform.<\/p>\n<p>Du kanske ocks\u00e5 uppt\u00e4cker att f\u00f6rsta g\u00e5ngen du anv\u00e4nder den h\u00e4r listan var en del av taktikerna f\u00f6r tekniska f\u00f6r att f\u00f6rst\u00e5. N\u00e4r du blir mer av ett WordPress-proffs kan du \u00e5terv\u00e4nda f\u00f6r att hitta dessa taktiker mycket enklare att till\u00e4mpa.<\/p>\n<p>Om du har n\u00e5gra fr\u00e5gor l\u00e4mnar jag kommentarsf\u00e4ltet \u00f6ppet, s\u00e5 skriv g\u00e4rna nedan!<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Inspelningsk\u00e4lla:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/www.competethemes.com\" class=\"external external_icon\">www.competethemes.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Varje metod f\u00f6r prestandaoptimering f\u00f6r WordPress f\u00f6rklaras tydligt och listas h\u00e4r s\u00e5 att du \u00e4ntligen kan snabba upp din webbplats.<\/p>\n","protected":false},"author":1,"featured_media":263246,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[587],"tags":[850],"class_list":["post-255690","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-snabba-upp-wordpress","tag-affiai-sv"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/posts\/255690","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/comments?post=255690"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/posts\/255690\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/media\/263246"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/media?parent=255690"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/categories?post=255690"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/tags?post=255690"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}