Idag fortsätter vi vår handledning om W3TC. Du vet förmodligen redan att det är det cache-plugin, vilket gör att du bland annat kan accelerera din blogg (förbättrar dess prestanda).

Denna handledning är uppdelad i flera delar. Vi har sedan börjat med introduktionen till cachen och gjort några preliminära justeringar. Du kan se de olika kapitlen nedan:

• Del 1: Introduktion till Cache
• Del 2: Konfigurera W3TC
  • Allmänna inställningar - Avsnitt 1
  • Fler allmänna inställningar - Avsnitt 2
  • Sidcache-konfiguration - avsnitt 3
  • Konfiguration av minifieringar - Avsnitt 4 (Present tutorial)
  • Databascache-konfiguration - avsnitt av 5
  • Objekt- och webbläsarkonfiguration - Avsnitt 6
• Del 3: Alla svar på dina frågor
• Del 4: W3TC "Mainspan" -parametrar

Del 2: Konfigurera minification

Vi är fortfarande i konfigurations W3TC, men nu ska vi prata om filkomprimering.

Innan du öppnar menyn Minify ", Du måste först aktivera" Minify I de allmänna inställningarna. Om du har aktiverat komprimeringsläget, och om det fungerar korrekt på din webbplats, kommer inställningarna för " minification Att du ser i den här menyn blir en förenklad version av vad som visas i skärmdumparna nedan.

I denna handledning täcker vi kompressionsprocessen ( Att minimera ) med W3TC. " minification Och kombinationen av JS och CSS är kärnan i vad vi kommer att se i denna handledning.

Minify: General

Allmänna inställningar i menyn Minify Har tre alternativ.

Modulen URL Rewrite "Bör vara aktiverat som standard och du bör lämna det här alternativet som sådant, om du inte föredrar att dina CSS- och JS-filer hämtas med" http GET "-rubriker snarare än den normala webbadressstrukturen.

Inaktivera " minification För inloggade användare bör inte ändras. Det rekommenderas att inte tillhandahålla inloggade och frånkopplade användare med olika CSS- och JS-filer.

Felmeddelande " Minify Måste ställas in för administratörsaviseringar. Detta gör att de kan informeras när det finns ett fel.

Följande avsnitt " alla minify ", Kombinera och flytta alternativet" sidkomponenter ". Detta kan bryta presentationen av din webbplats. Du bör aktivera förhandsgranskningsläge och hålla koll på din webbplats när du gör ändringar för att se till att du inte skadar din webbplatslayout.

Minify: HTML & XML

Avsnittet HTML och XML Från Minify-menyn är enkel. Kryssrutorna är avsedda att tillåta " minification ", av' " inline »CSS och JavaScript, utelämna minifieringsströmmar och tillåt att nya rader bryts.

Med undantag för alternativet " Minifiera inte flöden Vilket måste förbli avmarkerat, din webbplatshastighet bör förbättras.

Textrutan med ignoreras kommentarer ångar Används för att identifiera HTML-kommentarer som inte ska tas bort när HTML är "komprimerad". Vissa länkade kommentarer finns som standard i detta område för att säkerställa att kommentarer som är kopplade till Google AdWords och läsare inte raderas. Om din HTML-kod innehåller ytterligare kommentarer och du vill stanna kvar i " minified Lägg till en term i denna textruta av HTML så att alla kommentarer med detta uttryck inte kommer att raderas.

minify JS

Om du har aktiverat komprimering JavaScript och CSS I menyn Allmänna inställningar du kommer bara att kunna arbeta med alla medel Både JavaScript och menyn du ser kommer att vara en förenklad version av bilden nedan.

Om du har valt den manuella metoden måste du bläddra till början av menyn Minify Och välj guiden-knappen. Den senare visar JavaScript- och CSS-filer som upptäcks av W3TC. Markera kryssrutan för alla JavaScript- och CSS-filtyper och klicka på " Ansök Och nära. Detta lägger till JavaScript- och CSS-filer i menyn " Minify Så att du kan arbeta med dessa manuellt.

Titta på rutan " Drift i områden ". I det här avsnittet kan du kontrollera om medel JavaScript är " minified Och kombinerat med alternativet Minify Eller om de helt enkelt kombineras. Typen Bädda » erbjuder några alternativ för hur medel JavaScript laddas. Du kan prova vart och ett av alternativen för " icke-blockerande Tills du hittar en som inte bryter webbplatsens presentation, men om inget av alternativen fungerar, lämna standardvärdena.

Om du har valt den manuella komprimeringsmetoden i de allmänna inställningarna kan du arbeta med varje fil individuellt genom att tilldela den till en enda mall eller till alla mallar och flytta den till " rubrik », Le« kropp "Eller nedan" kropp För granulär kontroll över var varje fil visas i HTML-dokumentet och hur den laddas. Du kan också « dra och släpp »Filer, för att ordna om i vilken ordning de laddas om vissa filer är beroende av att tidigare filer laddas korrekt.

Den optimala inställningen är att flytta filerna från " rubrik Och ladda dem ett av alternativen för icke-blockerande '(Icke-blockerande). Det finns dock en mycket god chans att utseendet på din webbplats påverkas genom att göra detta.

Det finns verkligen inget sätt runt detta genom att gå igenom varje fil en gång, testa dem på olika platser och se till att webbplatsen laddas korrekt.

minify CSS

Det finns fyra inställningar för att minska tillgängliga CSS-filer:

• aktivera : Aktiverar minfication och kombinationen av CSS-filer.
• kombinera bara : Kombinera CSS-filer, men inte förringa dem.
• Konserverade hur borttagning : Tar bort kommentarer från kombinerade CSS-filer.
• Radbrytning borttagning: Tar bort nya linjer i kombinerade CSS-filer.

Börja med att välja alla alternativ förutom " kombinerar Endast ". Om presentationen av webbplatsen är annorlunda, avmarkera " Konserverade hur borttagning "Och" Radbrytning borttagning ". Om det inte korrigerar webbplatsen använder du " kombinerar Endast ".

För alternativet @import, välj " Behandla ".

Om du valde " Bil Som en metod för minification "Allmänna inställningar, då ser du bara de två första avsnitten i den här menyn. Men om du har minification Manuellt ser du ett CSS-filhanteringsavsnitt.

Om du inte redan har lagt till CSS-filer som ska hanteras väljer du guiden "Hjälp" och markerar alla CSS-filer för dina teman. Ordna sedan om filernas ordning så att de viktigaste filerna laddas först.

Minifiera: Avancerade inställningar

I de flesta fall behöver standardinställningarna i det avancerade avsnittet inte mycket redigering. Du kan emellertid använda dem för att justera frekvensen med vilken JavaScript- och CSS-filer uppdateras, frekvensen med vilka giltiga filer raderas från cachen och mer.

Det avancerade avsnittet innehåller tre fält för att utesluta specifika sidor, JS-filer och CSS-filer från " minification ". Om du upptäcker att vissa JS- eller CSS-resurser aldrig ska komprimeras kan du isolera dem genom att lägga till dem i dessa domäner. Om du behöver hjälp med rätt syntax, se " Användning: General Från FAQ för instruktioner.

Det är det för minifieringsalternativen på W3 Total Cache, vi kommer att fortsätta med databascachen.