Vandaag vervolgen we onze tutorial over W3TC. Je weet waarschijnlijk al dat het zo is cache-plug-in, waarmee je onder andere kunt accelereren jouw blog (verbetert de prestaties).

Deze tutorial is opgesplitst in verschillende delen. We zijn sindsdien begonnen met de introductie van de cache en hebben enkele voorbereidende aanpassingen gedaan. U kunt de verschillende hoofdstukken hieronder bekijken:

• 1-onderdeel: Inleiding tot cache
• Deel 2: Hoe W3TC configureren
  • Algemene instellingen - Aflevering 1
  • Meer algemene instellingen - Aflevering 2
  • Paginacache-configuratie - 3-aflevering
  • Configuratie van minificaties - Aflevering 4 (huidige tutorial)
  • Configuratie van databasecache - 5-aflevering
  • Object- en browserconfiguratie - Aflevering 6
• Deel 3: alle antwoorden op uw vragen
• Deel 4: W3TC "Mainspan" -parameters

Deel 2: Configuratie van Minificatie

We zijn nog steeds in de configuratie van W3TC, maar nu gaan we praten over bestandskompressie.

Voordat u het menu opent Kleineren ", Je moet eerst activeren" Kleineren In de algemene instellingen. Als u de compressiemodus heeft ingeschakeld en deze correct werkt op uw site, worden de instellingen voor ' minification Dat u in dit menu ziet, is een vereenvoudigde versie van wat u in de onderstaande schermafbeeldingen ziet.

In deze zelfstudie bespreken we het compressieproces ( Minificatie ) met W3TC. De " minification En de combinatie van JS en CSS zijn de essentie van wat we in deze tutorial zullen zien.

Verklein: Algemeen

Algemene instellingen in het menu Kleineren Heeft drie opties.

De module URL Rewrite "Zou standaard ingeschakeld moeten zijn en je zou deze optie zo moeten laten, tenzij je liever ziet dat je CSS- en JS-bestanden opgehaald worden met" http GET "headers in plaats van de normale URL-structuur.

Uitschakelen ' minification Voor ingelogde gebruikers mogen niet worden gewijzigd. Het wordt aanbevolen om aangemelde en niet-verbonden gebruikers niet te voorzien van verschillende CSS- en JS-bestanden.

Foutmelding ' Kleineren Moet zijn ingesteld voor beheerdersmeldingen. Hierdoor kunnen ze worden geïnformeerd als er een fout is.

De volgende secties " alle minify ", Combineer en verplaats de" pagina componenten "optie. Dit kan de presentatie van uw site verstoren. U moet de voorbeeldmodus inschakelen en uw site in de gaten houden terwijl u wijzigingen aanbrengt om ervoor te zorgen dat u de lay-out van uw site niet beschadigt.

Verkleinen: HTML en XML

De sectie HTML en XML Vanuit het Minify-menu is eenvoudig. De selectievakjes zijn bedoeld om " minification ", van de' " inline CSS en JavaScript, minificatiestromen weglaten en nieuwe regels doorbreken.

Met uitzondering van de optie " Verklein feeds niet Wat niet moet worden aangevinkt, moet uw sitesnelheid verbeteren.

Het tekstvak van genegeerd commentaar stomen Wordt gebruikt om HTML-commentaren te identificeren die niet mogen worden verwijderd wanneer de HTML "gecomprimeerd" is. Sommige gekoppelde opmerkingen bevinden zich standaard in dit domein om ervoor te zorgen dat opmerkingen die zijn gekoppeld aan Google AdWords en lezers niet worden verwijderd. Als uw HTML-code aanvullende opmerkingen bevat en u in de " verkleinde Van HTML voegt u een term toe in dit tekstvak, zodat opmerkingen met deze uitdrukking niet worden verwijderd.

Minimaliseren: JS

Als u compressie hebt ingeschakeld JavaScript en CSS In het menu Algemene instellingen u kunt alleen werken met alle ressources Zowel JavaScript als het menu dat u ziet, is een vereenvoudigde versie van de onderstaande afbeelding.

Als u de handmatige methode hebt geselecteerd, moet u naar het begin van het menu bladeren Kleineren En selecteer de wizardknop. De laatste lijst geeft de JavaScript- en CSS-bestanden weer die zijn gedetecteerd door W3TC. Schakel alle selectievakjes in voor zowel JavaScript- als CSS-bestandstypen en klik op ' Solliciteer En dichtbij. Hiermee worden de JavaScript- en CSS-bestanden toegevoegd aan het menu ' Kleineren Zodat u hier handmatig mee kunt werken.

Kijk naar het vak met de naam ' Bediening in gebieden ". In deze sectie kunt u bepalen of de ressources JavaScript zijn " verkleinde En gecombineerd met de optie Kleineren Of als ze eenvoudig worden gecombineerd. Het type embed » biedt enkele opties voor hoe ressources JavaScript is geladen. U kunt elk van de opties van “ nonblocking Totdat u er een vindt die de presentatie van uw site niet verstoort, maar als geen van de opties werkt, laat u de standaardinstellingen staan.

Als u de handmatige compressiemethode in de algemene instellingen hebt geselecteerd, kunt u met elk bestand afzonderlijk werken door het aan een enkele sjabloon of aan alle sjablonen toe te wijzen en het naar de " hoofd », Le« lichaam "Of lager" lichaam Voor gedetailleerde controle over waar elk bestand in het HTML-document verschijnt en hoe het wordt geladen. Je kunt ook « slepen »Bestanden, om de volgorde waarin ze worden geladen te herschikken voor het geval dat sommige bestanden afhankelijk zijn van eerdere bestanden om correct te laden.

De optimale instelling is om de bestanden te verplaatsen van ' hoofd En laad ze een van de opties van nonblocking "(Non-blocking). De kans is echter zeer groot dat hierdoor het uiterlijk van uw site wordt beïnvloed.

Je kunt dit echt niet omzeilen door elk bestand één keer te doorlopen, ze op verschillende plaatsen te testen en ervoor te zorgen dat de site correct wordt geladen.

Minimaliseren: CSS

Er zijn vier instellingen om de beschikbare CSS-bestanden te verminderen:

• Enable : Hiermee kunt u de minficatie en combinatie van CSS-bestanden inschakelen.
• Alleen combineren : Combineer CSS-bestanden, maar krimp ze niet.
• Behouden hoe verwijdering : Verwijdert opmerkingen uit gecombineerde CSS-bestanden.
• Verwijdering van de lijnbreuk: Verwijdert nieuwe regels in gecombineerde CSS-bestanden.

Begin met het selecteren van alle opties behalve " Alleen combineren ". Als de presentatie van de site anders is, schakelt u " Behouden hoe verwijdering "En" Verwijdering van de lijnbreuk ". Als dat de site niet corrigeert, gebruik dan ' Alleen combineren .

Selecteer voor de optie @import " Proces .

Als u ' automobiel Als een methode van minification "Algemene instellingen, dan zie je alleen de eerste twee delen van dit menu. Als u echter de minification Handmatig, dan ziet u een CSS-bestandsbeheersectie.

Als je nog geen CSS-bestanden hebt toegevoegd die zullen worden beheerd, selecteer je de "Help" -helper en selecteer je alle CSS-bestanden voor je thema's. Herschik vervolgens de volgorde van de bestanden zodat de meest kritieke bestanden als eerste worden geladen.

Verkleinen: geavanceerde instellingen

In de meeste gevallen hoeven de standaardinstellingen in het geavanceerde gedeelte niet veel te worden bewerkt. U kunt ze echter gebruiken om de frequentie aan te passen waarmee JavaScript- en CSS-bestanden worden bijgewerkt, de frequentie waarmee verlopen bestanden uit de cache worden verwijderd, en meer.

Het geavanceerde gedeelte bevat drie velden om specifieke pagina's, JS-bestanden en CSS-bestanden uit te sluiten van de " minification ". Als u vindt dat sommige JS- of CSS-bronnen nooit mogen worden gecomprimeerd, kunt u ze isoleren door ze aan deze domeinen toe te voegen. Als je hulp nodig hebt met de juiste syntaxis, zie " Gebruik: Algemeen Uit de veelgestelde vragen voor instructies.

Dat is alles voor de minification-opties op W3 Total Cache, we gaan door met de databasecache.