{"id":227775,"date":"2022-10-06T17:58:00","date_gmt":"2022-10-06T14:58:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=227775"},"modified":"2022-11-08T19:36:39","modified_gmt":"2022-11-08T16:36:39","slug":"hur-man-utnyttjar-webblaesarcache-i-wordpress","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/sv\/hur-man-utnyttjar-webblaesarcache-i-wordpress\/","title":{"rendered":"Hur man utnyttjar webbl\u00e4sarcache i WordPress"},"content":{"rendered":"\n<p>Om du vill utnyttja webbl\u00e4sarcache i WordPress vet du redan om den st\u00f6rsta f\u00f6rdelen det har \u2013 det f\u00f6rb\u00e4ttrar webbl\u00e4sningshastigheten.<\/p>\n<p>Denna detalj \u00e4r mycket viktig f\u00f6r m\u00e4nniskor som st\u00f6ter p\u00e5 detta problem. Lyckligtvis finns det verktyg som <a href=\"https:\/\/developers.google.com\/speed\/pagespeed\/insights\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Google PageSpeed \u200b\u200bInsights<\/a> eller <a href=\"https:\/\/gtmetrix.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">GT-matris<\/a>. Dessa kan ber\u00e4tta exakt vad du vill veta om din webbplats prestanda, vad du beh\u00f6ver \u00e4ndra om du har eller inte redan har webbl\u00e4sarcache aktiverat och mycket mer.<\/p>\n<p><a href=\"https:\/\/developers.google.com\/speed\/pagespeed\/insights\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173741-61e83c002237b.jpg\" alt=\"Hur man utnyttjar webbl\u00e4sarcache i WordPress\" \/><\/a><\/p>\n<p>Okej okej. S\u00e5, vad \u00e4r grejen? Varf\u00f6r beh\u00f6ver du utnyttja webbl\u00e4sarcache i WordPress?<\/p>\n<p>Denna fr\u00e5ga diskuteras i detalj nedan av v\u00e5rt <strong><a href=\"https:\/\/wpdatatables.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">wpDataTables-<\/a><\/strong> team, s\u00e5 forts\u00e4tt l\u00e4sa s\u00e5 kommer du att kunna utnyttja webbl\u00e4sarcache i slutet av den h\u00e4r artikeln (h\u00e5ll tummarna).<\/p>\n<p>Att skapa en visuellt tilltalande webbplats \u00e4r inte l\u00e4ngre av st\u00f6rsta vikt n\u00e4r laddningstiderna \u00e4r s\u00e5 d\u00e5liga att de f\u00e5r anv\u00e4ndarna att l\u00e4mna den p\u00e5 n\u00e5gra sekunder.<\/p>\n<p>Du m\u00e5ste <a href=\"https:\/\/www.founderjar.com\/best-website-builder\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">bygga en webbplats<\/a> med snabbladdade sidor och kvalitetsinneh\u00e5ll. Varje enskild person i kontakt med Internet borde veta detta. Och det enklaste s\u00e4ttet att g\u00f6ra en webbplats snabbare \u00e4r om du anv\u00e4nder webbl\u00e4sarcache.<\/p>\n<p><a href=\"https:\/\/gtmetrix.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173741-61e83c0123c37.jpg\" alt=\"Hur man utnyttjar webbl\u00e4sarcache i WordPress\" \/><\/a><\/p>\n<p>Detta koncept kommer att f\u00f6rklaras senare, men du b\u00f6r veta att det \u00e4r Googles b\u00e4sta rekommendation n\u00e4r det g\u00e4ller laddningstider.<\/p>\n<p>Normalt kan laddningshastigheten p\u00e5 din webbplats f\u00f6rb\u00e4ttras med upp till 50 %, s\u00e5 l\u00e4nge du anv\u00e4nder r\u00e4tt metoder.<\/p>\n<p>Vad har webbl\u00e4sarcache med det att g\u00f6ra?<\/p>\n<p>L\u00e5t oss gr\u00e4va in.<\/p>\n<h2><strong>Utnyttja webbl\u00e4sarcache? Vad menar du med det?<\/strong><\/h2>\n<p>F\u00f6r dem som inte vet varf\u00f6r du beh\u00f6ver utnyttja webbl\u00e4sarcache, \u00e4r det b\u00e4st att f\u00f6rklara det i enklare ord.<\/p>\n<p>Cachning representerar den tid som webbl\u00e4sare lokalt lagrar de cachebara resurserna som finns tillg\u00e4ngliga p\u00e5 en webbplats.<\/p>\n<p>Dessa resurser inkluderar bilder, JavaScript, CSS och andra. N\u00e4r en person g\u00e5r in p\u00e5 webbplatsen laddas de cachebara resurserna som finns lagrade p\u00e5 din dator upp igen. Webbplatsens laddningshastighet f\u00f6rb\u00e4ttras d\u00e4rmed synbart. Detta \u00e4r anledningen till att m\u00e4nniskor vill utnyttja webbl\u00e4sarcache i WordPress.<\/p>\n<h2><strong>Hur fungerar Utnyttja<\/strong> <strong>webbl\u00e4sarcache<\/strong> <strong>i WordPress?<\/strong><\/h2>\n<p><a href=\"https:\/\/developers.google.com\/speed\/pagespeed\/insights\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173741-61e83c022f808.jpg\" alt=\"Hur man utnyttjar webbl\u00e4sarcache i WordPress\" \/><\/a><\/p>\n<p>N\u00e4r en person kommer \u00e5t en viss dom\u00e4n sker flera processer i bakgrunden. Allt som utg\u00f6r din WordPress-webbplats \u00f6verf\u00f6rs till anv\u00e4ndarens webbl\u00e4sare, vilket g\u00f6r webbplatsen synlig. Dessa komponenter p\u00e5 webbplatsen inkluderar inneh\u00e5ll, bilder, stilmallar, skript och mer. De m\u00e5ste flyttas fr\u00e5n webbplatsens server till anv\u00e4ndarens webbl\u00e4sare n\u00e4rhelst det beh\u00f6vs. Stegen bakom denna process \u00e4r:<\/p>\n<ol>\n<li>Bes\u00f6karen skriver en URL i sin webbl\u00e4sare<\/li>\n<li>Webbl\u00e4saren genererar en beg\u00e4ran till servern d\u00e4r din webbplats \u00e4r v\u00e4rd (HTTP-f\u00f6rfr\u00e5gan)<\/li>\n<li>Servern s\u00e4tter ihop all data och skickar den till anv\u00e4ndaren. Detta \u00e4r steget d\u00e4r anv\u00e4ndare m\u00e4rker en avmattning. F\u00f6r att f\u00f6rhindra denna avmattning kan m\u00e4nniskor minska storleken p\u00e5 skripten, optimera bildstorlekarna och s\u00e5 vidare.<\/li>\n<li>N\u00e4r data v\u00e4l har \u00f6verf\u00f6rts kan webbl\u00e4saren \u00e4ntligen visa webbplatsen. Processen upprepas n\u00e4r bes\u00f6kare bes\u00f6ker andra sidor. Serverf\u00f6rfr\u00e5gningarna kan vara v\u00e4ldigt m\u00e5nga samtidigt, vilket kan leda till l\u00e5g prestanda. Det \u00e4r d\u00e4rf\u00f6r m\u00e4nniskor m\u00e5ste optimera sin webbplats f\u00f6r att h\u00e5lla den snabb.<\/li>\n<\/ol>\n<p>Cacheinneh\u00e5ll anv\u00e4nds i b\u00e5de webbl\u00e4sare och mjukvaruapplikationer. Den lagras tillf\u00e4lligt p\u00e5 din lokala disk. Dessa data kallas &#8217; <a href=\"https:\/\/en.wikipedia.org\/wiki\/Web_cache\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Web Cache<\/a> &#8217; eller &#8217; <a href=\"https:\/\/developers.google.com\/web\/fundamentals\/performance\/optimizing-content-efficiency\/http-caching\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">HTTP Cache<\/a> &#8217;. N\u00e4r du bes\u00f6ker samma webbplats laddar webbl\u00e4saren upp informationen som \u00e4r lagrad p\u00e5 din dator och laddar ner inneh\u00e5llet fr\u00e5n webbplatsen.<\/p>\n<p>F\u00f6r att kontrollera om din WordPress-webbplats anv\u00e4nder webbl\u00e4sarcache korrekt m\u00e5ste du anv\u00e4nda ett specifikt verktyg. Den mest popul\u00e4ra \u00e4r Google PageSpeed \u200b\u200bInsights. Ta reda p\u00e5 om allt fungerar korrekt genom att skriva in webbadressen till din webbplats.<\/p>\n<p>Klicka sedan p\u00e5 Analysera och l\u00e5t verktyget g\u00f6ra sin magi. PageSpeed \u200b\u200bska ber\u00e4tta vilken po\u00e4ng din webbplats har n\u00e4r det g\u00e4ller optimering f\u00f6r mobil och dator. Po\u00e4ngen str\u00e4cker sig fr\u00e5n 0 till 100, och du kommer ocks\u00e5 att f\u00e5 f\u00f6rslag p\u00e5 hur du kan f\u00f6rb\u00e4ttra din webbplats efter\u00e5t. Ett av de vanligaste f\u00f6rslagen \u00e4r att v\u00e4lja att utnyttja webbl\u00e4sarcache i WordPress.<\/p>\n<h3>Hej, visste du att data ocks\u00e5 kan vara vackert?<\/h3>\n<p><a href=\"https:\/\/wpdatatables.com\/?utm_source=articlewidget\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">wpDataTables<\/a> kan g\u00f6ra det s\u00e5. Det finns en bra anledning till varf\u00f6r det \u00e4r WordPress-plugin nummer 1 f\u00f6r att skapa responsiva tabeller och diagram.<\/p>\n<p><a href=\"https:\/\/wpdatatables.com\/?utm_source=articlewidget\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173741-61e83c033e8ad.png\" alt=\"Hur man utnyttjar webbl\u00e4sarcache i WordPress\" \/><\/a><\/p>\n<p>Ett faktiskt exempel p\u00e5 wpDataTables i naturen<\/p>\n<p>Och det \u00e4r verkligen l\u00e4tt att g\u00f6ra n\u00e5got s\u00e5 h\u00e4r:<\/p>\n<ol>\n<li>Du tillhandah\u00e5ller tabelldata<\/li>\n<li>Konfigurera och anpassa den<\/li>\n<li>Publicera det i ett inl\u00e4gg eller sida<\/li>\n<\/ol>\n<p>Och det \u00e4r inte bara snyggt, utan ocks\u00e5 praktiskt. Du kan skapa stora tabeller med <a href=\"https:\/\/wpdatatables.com\/documentation\/creating-wpdatatables\/creating-mysql-based-wpdatatables-with-server-side-processing\/?utm_source=articlewidget\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">upp till miljontals rader<\/a>, eller s\u00e5 kan du anv\u00e4nda <a href=\"https:\/\/wpdatatables.com\/documentation\/table-features\/advanced-filtering\/?utm_source=articlewidget\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">avancerade filter och s\u00f6kning<\/a>, eller s\u00e5 kan du g\u00e5 vilda och <a href=\"https:\/\/wpdatatables.com\/documentation\/front-end-editing\/creating-editable-tables\/?utm_source=articlewidget\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">g\u00f6ra det redigerbart<\/a>.<\/p>\n<p>&quot;Ja, men jag gillar Excel f\u00f6r mycket och det finns inget s\u00e5dant p\u00e5 webbplatser&quot;. Ja, det finns. Du kan anv\u00e4nda <a href=\"https:\/\/wpdatatables.com\/documentation\/table-features\/conditional-formatting\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">villkorlig formatering<\/a> som i Excel eller Google Sheets.<\/p>\n<p>Sa jag att du <a href=\"https:\/\/wpdatatables.com\/documentation\/wpdatacharts\/creating-charts-wordpress-wpdatachart-wizard\/?utm_source=articlewidget\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">ocks\u00e5 kan skapa diagram<\/a> med dina data? Och det \u00e4r bara en liten del. Det finns <a href=\"https:\/\/wpdatatables.com\/features\/?utm_source=articlewidget\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">m\u00e5nga andra funktioner<\/a> f\u00f6r dig.<\/p>\n<h2><strong>Skillnader mellan servercache och webbl\u00e4sarcache<\/strong><\/h2>\n<p>Alla WordPress-anv\u00e4ndare borde veta mer om servercache. Detta \u00e4r en process som involverar generering av cachade webbsidor f\u00f6r din webbplats via webbservern. Stegen ovan representerar webbcachelagring, som huvudsakligen \u00e4r p\u00e5 serversidan.<\/p>\n<p>Det finns n\u00e5gra s\u00e4tt p\u00e5 vilka du kan f\u00f6rb\u00e4ttra serverns cachningssystem. Det mest rekommenderade alternativet skulle vara att uppdatera rubriker p\u00e5 Apache. Att anv\u00e4nda WordPress-plugins skulle vara n\u00e4sta steg, och att l\u00e4gga till CDN f\u00f6ljer det.<\/p>\n<h2><strong>Utnyttja webbl\u00e4sarcache i WordPress<\/strong><\/h2>\n<p>F\u00f6r att kunna utnyttja webbl\u00e4sarcache i WordPress m\u00e5ste du anv\u00e4nda lite kod. Oroa dig inte \u2013 det \u00e4r inte s\u00e5 sv\u00e5rt som du kanske tror.<\/p>\n<p>Du beh\u00f6ver bara n\u00e5. <a href=\"https:\/\/muffingroup.com\/blog\/wordpress-htaccess\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">htaccess-fil<\/a>, l\u00e4gg till en given kodbit och det \u00e4r allt. Att anv\u00e4nda webbl\u00e4sarcache med Htaccess-filen \u00e4r den enklaste och mest effektiva metoden du b\u00f6r l\u00e4ra dig om.<\/p>\n<p>Det enklaste och snabbaste s\u00e4ttet att se till att din WordPress-webbplats f\u00e5r ut det mesta av b\u00e5de serversidans och webbl\u00e4sarens cachelagring \u00e4r att anv\u00e4nda ett <a href=\"https:\/\/kinsta.com\/?kaid=LUAHHLEJMLMT\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">hanterat WordPress-v\u00e4rdskap<\/a>, som f\u00f6rkonfigurerar alla n\u00f6dv\u00e4ndiga inst\u00e4llningar \u00e5t dig.<\/p>\n<p>Utnyttja webbl\u00e4sarcache i WordPress manuellt genom att g\u00f6ra f\u00f6ljande:<\/p>\n<ol>\n<li>L\u00e4gg till Expires Headers<\/li>\n<li>L\u00e4gg till Cache-Control Headers<\/li>\n<li>St\u00e4ng av ETags<\/li>\n<\/ol>\n<p>F\u00f6r att g\u00f6ra det m\u00e5ste du f\u00f6lja stegen nedan:<\/p>\n<ol>\n<li>\n<h4>G\u00e5 till webbplatsfilerna<\/h4>\n<\/li>\n<\/ol>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173741-61e83c0468424.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173741-61e83c0468424.jpg\" alt=\"Hur man utnyttjar webbl\u00e4sarcache i WordPress\" ><\/a><\/p>\n<p>B\u00f6rja med att logga in p\u00e5 ditt v\u00e4rdkonto\/cPanel. Navigera till filhanteraren. H\u00e4r hittar du webbplatsens inst\u00e4llningar, d\u00e4r du beh\u00f6ver aktivera alternativet Hidden File. G\u00e5 sedan till webbplatsens rotkatalog och n\u00e5 din .htaccess-fil.<\/p>\n<p>Den finns vanligtvis i \/public_html\/.htaccess. Om dom\u00e4nen f\u00f6r din webbplats \u00e4r anpassad, hittar du den under dom\u00e4nnamn\/public_html\/.htaccess. H\u00f6gerklicka p\u00e5 filen och redigera den enligt instruktionerna du f\u00e5r.<\/p>\n<ol start=\"2\">\n<li>\n<h4>L\u00e4gg till webbl\u00e4sarens cachningskod i din .htaccess-fil<\/h4>\n<\/li>\n<\/ol>\n<p>N\u00e4sta steg \u00e4r det enklaste. Kopiera koden nedan och klistra in den i slutet av ditt .htaccess-filinneh\u00e5ll. G\u00f6r inga andra \u00e4ndringar i filen.<\/p>\n<pre><code>#Customize expires cache start - adjust the period according to your needs\n&lt;IfModule mod_expires.c&gt;\n\u00a0 FileETag MTime Size\n\u00a0 AddOutputFilterByType DEFLATE text\/plain text\/html text\/xml text\/css application\/xml application\/xhtml+xml application\/rss+xml application\/javascript application\/x-javascript\n\u00a0 ExpiresActive On\n\u00a0 ExpiresByType text\/html \"access 600 seconds\"\n\u00a0 ExpiresByType application\/xhtml+xml \"access 600 seconds\"\n\u00a0 ExpiresByType text\/css \"access 1 month\"\n\u00a0 ExpiresByType text\/javascript \"access 1 month\"\n\u00a0 ExpiresByType text\/x-javascript \"access 1 month\"\n\u00a0 ExpiresByType application\/javascript \"access 1 month\"\n\u00a0 ExpiresByType application\/x-javascript \"access 1 month\"\n\u00a0 ExpiresByType application\/x-shockwave-flash \"access 1 month\"\n\u00a0 ExpiresByType application\/pdf \"access 1 month\"\n\u00a0 ExpiresByType image\/x-icon \"access 1 year\"\n\u00a0 ExpiresByType image\/jpg \"access 1 year\"\u00a0 \n\u00a0 ExpiresByType image\/jpeg \"access 1 year\"\n\u00a0 ExpiresByType image\/png \"access 1 year\"\n\u00a0 ExpiresByType image\/gif \"access 1 year\"\n\u00a0 ExpiresDefault \"access 1 month\"\n\n&lt;\/IfModule&gt;\n#Expires cache end<\/code><\/pre>\n<p>Inst\u00e4llningarna som ing\u00e5r i koden ovan inkluderar en uppdateringstid p\u00e5 600 sekunder f\u00f6r HTML och en m\u00e5nad f\u00f6r CSS och JavaScript.<\/p>\n<p>Syftet med denna utg\u00e5ngsperiod \u00e4r att undvika att dina bes\u00f6kare laddar om tillg\u00e5ngarna f\u00f6r ofta. Om du utf\u00f6r f\u00f6r\u00e4ndringar vad g\u00e4ller tillg\u00e5ngar oftare kan du \u00e4ndra perioden efter dina behov.<\/p>\n<p>F\u00f6r personer som vill utnyttja webbl\u00e4sarens cachelagring \u00e4r det b\u00e4sta alternativet att \u00e4ndra .htaccess-filen.<\/p>\n<p>Som du kan se i koden kommer bilder att upph\u00f6ra att g\u00e4lla efter ett \u00e5r. F\u00f6r att l\u00e4gga till expires headers .htaccess m\u00e5ste du \u00e4ndra filen utan att skada n\u00e5got annat.<\/p>\n<p>Vissa m\u00e4nniskor vill dock inte br\u00e5ka med sin .htaccess-fil. Om det \u00e4r din situation kan du helt enkelt anv\u00e4nda ett plugin f\u00f6r webbl\u00e4sarcache. Du kommer att f\u00e5 veta mer om s\u00e5dana plugins senare i den h\u00e4r artikeln.<\/p>\n<ol start=\"3\">\n<li>\n<h4>L\u00e4gg till cache-kontrollrubriker via Apache<\/h4>\n<\/li>\n<\/ol>\n<p>Kopiera koden nedan:<\/p>\n<pre><code># BEGIN Cache-Control Headers\n\n&lt;IfModule mod_expires.c&gt;\n  &lt;IfModule mod_headers.c&gt;\n \u00a0\u00a0 &lt;filesMatch \".(ico|jpe?g|png|gif|swf)$\"&gt;\n \u00a0\u00a0\u00a0\u00a0 Header append Cache-Control \"public\" \n \u00a0\u00a0 &lt;\/filesMatch&gt;\n \u00a0\u00a0 &lt;filesMatch \".(css)$\"&gt;\n \u00a0\u00a0\u00a0\u00a0 Header append Cache-Control \"public\"\n \u00a0\u00a0 &lt;\/filesMatch&gt;\n \u00a0\u00a0 &lt;filesMatch \".(js)$\"&gt;\n \u00a0\u00a0\u00a0\u00a0 Header append Cache-Control \"private\"\n \u00a0\u00a0 &lt;\/filesMatch&gt;\n \u00a0\u00a0 &lt;filesMatch \".(x?html?|php)$\"&gt;\n \u00a0\u00a0\u00a0\u00a0 Header append Cache-Control \"private, must-revalidate\"\n \u00a0\u00a0 &lt;\/filesMatch&gt;\n  &lt;\/IfModule&gt;\n&lt;\/IfModule&gt;<\/code><\/pre>\n<p>Att st\u00e4lla in ett utg\u00e5ngsdatum eller en max\u00e5lder i HTTP-huvudena \u00e4r inte l\u00e4ngre n\u00f6dv\u00e4ndigt eftersom det redan st\u00e4lldes in under f\u00f6reg\u00e5ende steg, vilket inneb\u00e4r att du inte beh\u00f6ver upprepa det h\u00e4r.<\/p>\n<ol start=\"4\">\n<li>\n<h4>St\u00e4ng av Etags<\/h4>\n<\/li>\n<\/ol>\n<p>Etags st\u00e5r f\u00f6r Entity Tags och de h\u00e4nvisar till nya versioner av cachade filer. Eftersom du redan har st\u00e4llt in cache-kontrollhuvuden finns det inget behov av att anv\u00e4nda ETags, s\u00e5 du kan st\u00e4nga av dem f\u00f6r att f\u00f6rb\u00e4ttra laddningstiderna. L\u00e4gg till f\u00f6ljande kodbit i .htaccess-filen:<\/p>\n<pre><code>&lt;IfModule mod_headers.c&gt;\n \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 Header unset ETag\n&lt;\/IfModule&gt;\nFileETag None<\/code><\/pre>\n<p>Spara .htaccess-filen och du \u00e4r klar!<\/p>\n<h2><strong>NGINX Server och webbl\u00e4sarcache<\/strong><\/h2>\n<p>Om din webbplats anv\u00e4nder NGINX m\u00e5ste du anv\u00e4nda andra delar av kod eftersom du inte kommer att kunna hitta .htaccess-filen. \u00c5terigen, det \u00e4r en mycket enkel process som inte kr\u00e4ver mycket teknisk kunskap. G\u00e5 till \/etc\/nginx\/sites-enabled\/default och klistra in den h\u00e4r koden d\u00e4r:<\/p>\n<pre><code>server {\n\u00a0\u00a0\u00a0 listen\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 80;\n \u00a0\u00a0 server_name\u00a0 localhost;\n \u00a0\u00a0 location \/ {\n \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 root\u00a0\u00a0 \/usr\/share\/nginx\/html;\n \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 index\u00a0 index.html index.htm;\n \u00a0\u00a0 }\n \u00a0\u00a0 location ~*\u00a0 .(jpg|jpeg|png|gif|ico|css|js)$ {\n \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 expires 365d;\n \u00a0\u00a0 }\n \u00a0\u00a0 location ~*\u00a0 .(pdf)$ {\n \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 expires 30d;\n \u00a0\u00a0 }\n}\n\nAdd Cache-Control Headers (NGINX)\nlocation ~* .(jpg|jpeg|png|gif|ico|css|js)$ {\nexpires 90d;\nadd_header Cache-Control \"public, no-transform\";\n}<\/code><\/pre>\n<p>Du kan f\u00f6rmodligen s\u00e4ga att utg\u00e5ngstiden f\u00f6r bildfilerna \u00e4r inst\u00e4lld p\u00e5 365 dagar, motsvarande ett \u00e5r. PDF-filer upph\u00f6r att g\u00e4lla efter bara 30 dagar. Du kan anpassa koden som du vill, precis som i f\u00f6reg\u00e5ende fall.<\/p>\n<p>Efter att ha redigerat NGINX, spara filen och du kan vara s\u00e4ker p\u00e5 att du har aktiverat webbl\u00e4sarcache p\u00e5 NGINX-servern.<\/p>\n<h2><strong>Utnyttja surfandet i WordPress med plugins<\/strong><\/h2>\n<p>Att justera .htaccess-filen d\u00e4r du inte beh\u00f6ver den kan f\u00f6rst\u00f6ra hela din webbplats. Att g\u00f6ra ett enda misstag kommer att leda till tomma sidor och fel, s\u00e5 det \u00e4r fullt f\u00f6rst\u00e5eligt om du inte vill \u00e4ndra filen sj\u00e4lv.<\/p>\n<p>Lyckligtvis finns det plugins som kan vara anv\u00e4ndbara, utan att du beh\u00f6ver l\u00e4ra dig hur du aktiverar Utnyttja webbl\u00e4sarcache i WordPress<\/p>\n<p>manuellt. Installation av ett plugin kan g\u00f6ras s\u00e5 h\u00e4r:<\/p>\n<p><a href=\"https:\/\/wordpress.org\/plugins\/leverage-browser-caching\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173741-61e83c0591bcc.jpg\" alt=\"Hur man utnyttjar webbl\u00e4sarcache i WordPress\" \/><\/a><\/p>\n<ol>\n<li>Ladda ner plugin &#8211; ett exempel finns h\u00e4r<\/li>\n<li>Navigera till Dashboard, Plugins och L\u00e4gg till nytt<\/li>\n<li>Hitta &quot;Utnyttja webbl\u00e4sarcache&quot;<\/li>\n<li>Klicka p\u00e5 Installera nu<\/li>\n<li>Aktivera plugin-programmet<\/li>\n<li>Testa din webbplats<\/li>\n<\/ol>\n<p>Det finns andra plugins du ocks\u00e5 kan anv\u00e4nda, och n\u00e5gra av dem \u00e4r listade nedan. V\u00e4lj dem enligt dina krav:<\/p>\n<h2>W3 Total Cache \u2013 WordPress-plugin<\/h2>\n<p><a href=\"https:\/\/wordpress.org\/plugins\/w3-total-cache\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173741-61e83c069033e.jpg\" alt=\"Hur man utnyttjar webbl\u00e4sarcache i WordPress\" \/><\/a><\/p>\n<p>Fixa Utnyttja webbl\u00e4sarcache i WordPress med W3 Total Cache kan g\u00f6ras genom att f\u00f6lja stegen nedan:<\/p>\n<ol>\n<li>Ladda ner och installera W3 Total Cache WordPress-plugin<\/li>\n<li>Navigera till Allm\u00e4nna inst\u00e4llningar och v\u00e4lj Aktivera webbl\u00e4sarcache<\/li>\n<li>Klicka p\u00e5 spara och navigera till webbl\u00e4sarens cacheinst\u00e4llningar (\u00f6verst p\u00e5 sidan)<\/li>\n<li>V\u00e4lj tillg\u00e4ngliga cachehuvuden<\/li>\n<li>Set upph\u00f6r rubriker, cache-kontroll och ETag-rubriker (baserat p\u00e5 inst\u00e4llningarna som gjorts tidigare)<\/li>\n<li>Spara alla inst\u00e4llningar och uppdatera din webbplats<\/li>\n<\/ol>\n<h2>WP snabbaste cache<\/h2>\n<p><a href=\"https:\/\/wordpress.org\/plugins\/wp-fastest-cache\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173741-61e83c078d969.jpg\" alt=\"Hur man utnyttjar webbl\u00e4sarcache i WordPress\" \/><\/a><\/p>\n<p>WP Fastest Cache \u00e4r ett annat plugin som du kan anv\u00e4nda f\u00f6r att aktivera webbl\u00e4sarcache i WordPress.<\/p>\n<ol>\n<li>Ladda ner och installera WP Fastest Cache.<\/li>\n<li>G\u00e5 till plugin-inst\u00e4llningar<\/li>\n<li>V\u00e4lj Browser Caching genom att markera rutan<\/li>\n<li>Klicka p\u00e5 skicka f\u00f6r att till\u00e4mpa \u00e4ndringarna och det \u00e4r allt<\/li>\n<\/ol>\n<h2>Cache Enabler \u2013 WordPress Cache<\/h2>\n<p><a href=\"https:\/\/wordpress.org\/plugins\/cache-enabler\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173741-61e83c0897f79.jpg\" alt=\"Hur man utnyttjar webbl\u00e4sarcache i WordPress\" \/><\/a><\/p>\n<p>Detta plugin kommer med fler funktioner som du kan ha nytta av i framtiden: du kan automatisera cacherensningsprocessen, eller s\u00e5 kan du g\u00f6ra det f\u00f6r hand, du kan rensa sidan manuellt, du kan f\u00f6rminska HTML och JavaScript och m\u00e5nga fler. F\u00f6r att anv\u00e4nda det, helt enkelt:<\/p>\n<ol>\n<li>Installera plugin-programmet och aktivera det<\/li>\n<li>G\u00e5 till Inst\u00e4llningar<\/li>\n<li>Klicka p\u00e5 Aktivera utnyttja webbl\u00e4sarcache<\/li>\n<\/ol>\n<h2><strong>Anv\u00e4nd Yoast SEO f\u00f6r att redigera .htaccess-filen<\/strong><\/h2>\n<p><a href=\"https:\/\/wordpress.org\/plugins\/wordpress-seo\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173741-61e83c099ad05.jpg\" alt=\"Hur man utnyttjar webbl\u00e4sarcache i WordPress\" \/><\/a><\/p>\n<p>Du kan ocks\u00e5 redigera .htaccess-filen p\u00e5 en s\u00e4krare metod genom att anv\u00e4nda Yoast SEO Plugin. Det vanligaste WordPress-pluginet \u00e4r SEO av Yoast. Genom att anv\u00e4nda denna plugin kan du enkelt redigera .htaccess-filen. Om du inte redan har Yoast m\u00e5ste du installera det och aktivera det i f\u00f6rv\u00e4g. Efter det m\u00e5ste du:<\/p>\n<ol>\n<li>F\u00e5 tillg\u00e5ng till SEO och sedan Verktyg.<\/li>\n<li>Navigera till filredigeraren<\/li>\n<li>.htaccess-filen kommer att \u00f6ppnas i en textredigerare d\u00e4r du kan klistra in kodbitarna som anges ovan<\/li>\n<li>Spara \u00e4ndringar<\/li>\n<\/ol>\n<p>N\u00e4r du har gjort \u00e4ndringarna kan du anv\u00e4nda Google PageSpeed \u200b\u200bInsights f\u00f6r att kontrollera om allt \u00e4r bra efter att du har gjort \u00e4ndringarna. Om din webbplats utnyttjar webbl\u00e4sarens caching p\u00e5 r\u00e4tt s\u00e4tt \u00e4r du bra att g\u00e5. Om inte, b\u00f6r du g\u00e5 igenom processen igen och se vad du har missat.<\/p>\n<h2><strong>Cachelagring av tredjepartsresurser<\/strong><\/h2>\n<p>Efter att ha utf\u00f6rt alla \u00e4ndringar som beskrivs i den h\u00e4r artikeln kan du fortfarande f\u00e5 ett d\u00e5ligt betyg n\u00e4r du testar din webbplats hastighet med olika verktyg. Google PageSpeed \u200b\u200bInsights kan ge dig ett d\u00e5ligt betyg p\u00e5 grund av m\u00e5nga tredjepartsskript eller tj\u00e4nster som k\u00f6rs bakom din webbplats. Dessa skript har inte en l\u00e5ng utg\u00e5ngstid p\u00e5 grund av en m\u00e4ngd olika anledningar.<\/p>\n<p>Om du fortfarande kommer att f\u00e5 meddelanden f\u00f6r att utnyttja webbl\u00e4sarcaching i WordPress efter att ha f\u00f6ljt alla m\u00f6jliga tips, finns det inget mycket du kan g\u00f6ra f\u00f6rutom att eliminera skript som du inte anv\u00e4nder. H\u00f6gst tre skript b\u00f6r vara precis tillr\u00e4ckligt f\u00f6r en webbplats, s\u00e5 se till att reng\u00f6ra din lista.<\/p>\n<p>Efter att ha gjort den h\u00e4r \u00e4ndringen borde allt fungera bra, och laddningstiden f\u00f6r din webbplats ska vara s\u00e5 n\u00e4ra perfektion som m\u00f6jligt. Om du st\u00f6ter p\u00e5 ett problem som \u00e4r mycket specifikt, och det inte har n\u00e5got att g\u00f6ra med tredjepartsskript, b\u00f6r du informeras om det och se vilken inst\u00e4llning som orsakar problemet.<\/p>\n<h2><strong>Avslutande tankar om hur man kan utnyttja webbl\u00e4sarcache i WordPress<\/strong><\/h2>\n<p>T\u00e4nk p\u00e5 att du kanske inte m\u00e4rker \u00e4ndringarna du g\u00f6r direkt efter att du har installerat ett plugin. Anledningen till denna f\u00f6rdr\u00f6jning \u00e4r CSS\/Stylesheet-filen. Webbl\u00e4sarens cache du redan sparat i din dator kommer att hindra dig fr\u00e5n att se \u00e4ndringarna du har gjort. F\u00f6r att se webbplatsen korrekt efter att ha gjort flera \u00e4ndringar, rekommenderas det att bes\u00f6ka den med inkognitofunktionen i din webbl\u00e4sare. Genom att anv\u00e4nda den h\u00e4r funktionen kommer du inte att anv\u00e4nda cacheresurser och du b\u00f6r kunna se \u00e4ndringarna korrekt.<\/p>\n<p>I slutet av dagen \u00e4r metoden du v\u00e4ljer f\u00f6r att utnyttja webbl\u00e4sarcaching inte relevant. Det enda som betyder n\u00e5got \u00e4r att se det i aktion. S\u00e5 l\u00e4nge Utnyttja webbl\u00e4sarcaching i WordPress fungerar som det \u00e4r t\u00e4nkt, spelar det ingen roll hur du kom dit. Du kan v\u00e4lja den metod som du \u00e4r bekv\u00e4m med och resultatet blir detsamma. Antingen du best\u00e4mmer dig f\u00f6r att \u00e4ndra .htaccess-filen eller anv\u00e4nder ett plugin, kommer du att f\u00e5 b\u00e4ttre laddningstider genom att aktivera Utnyttja webbl\u00e4sarcaching.<\/p>\n<p>Om du tyckte om att l\u00e4sa den h\u00e4r artikeln om hur du anv\u00e4nder webbl\u00e4sarcache i WordPress, b\u00f6r du kolla in den h\u00e4r om hur du <a href=\"https:\/\/wordpress.mediadoma.com\/sv\/snabba-upp-wordpress-den-baesta-guiden-foer-wordpress-hastighetsoptimering\/\" title=\"snabbar upp WordPress\">snabbar upp WordPress<\/a>.<\/p>\n<p>Vi skrev ocks\u00e5 om n\u00e5gra relaterade \u00e4mnen som <a href=\"https:\/\/wordpress.mediadoma.com\/sv\/wordpress-databas-plugin-alternativ-foer-att-snabba-upp-din-databas\/\" title=\"WordPress databasplugin\">WordPress databasplugin<\/a>, <a href=\"https:\/\/wordpress.mediadoma.com\/sv\/wordpress-lat-belastning-att-vaelja-det-baesta-pluginet-foer-jobbet\/\" title=\"WordPress lazy load\">WordPress lazy load<\/a> plugin, <a href=\"https:\/\/wordpress.mediadoma.com\/sv\/wordpress-cache-pluginalternativ-foer-att-testa-foer-din-webbplats\/\" title=\"WordPress cache\">WordPress cache<\/a> plugin alternativ och <a href=\"https:\/\/wordpress.mediadoma.com\/sv\/cdn-tjaenster-du-kan-anvaenda-foer-att-snabba-upp-wordpress\/\" title=\"CDN tj\u00e4nster\">CDN tj\u00e4nster<\/a>.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Inspelningsk\u00e4lla:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/wpdatatables.com\" class=\"external external_icon\">wpdatatables.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Om du vill beh\u00e4rska Utnyttja webbl\u00e4sarcaching i WordPress vet du redan om den st\u00f6rsta f\u00f6rdelen det har \u2013 det \u00f6kar webbl\u00e4sningshastigheten.<\/p>\n","protected":false},"author":1,"featured_media":173742,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[848,922,868],"tags":[1173],"class_list":["post-227775","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-handledningar","category-oevrig","category-wordpress-9","tag-affiai-sv"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/posts\/227775","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/comments?post=227775"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/posts\/227775\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/media\/173742"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/media?parent=227775"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/categories?post=227775"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/tags?post=227775"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}