Snel laden CSS Zuivering

Rapidload was voorheen een plug-in waarvoor Autoptimize nodig was om te werken, maar het is nu een zelfstandige CSS-plug-in. Nadat u Rapidload hebt geïnstalleerd, is het zichtbaar in de bovenste balk van uw WordPress-beheerdersdashboard. Klik daarop om naar het hoofdcontrolegebied voor de plug-in te gaan.

Dus hoe Doe ik Gebruik het?

Het eerste dat u moet doen, is uw pagina's/producten en/of berichten toevoegen. U kunt er ook voor kiezen om uw volledige sitemap toe te voegen als u dat wilt. Hiermee worden alle URL's gescand en worden de nieuwe bestanden gemaakt. Het proces duurt enige tijd, dus zorg ervoor dat u het vakje 'Automatisch vernieuwen' onderaan aanvinkt om de voortgang van elke pagina te zien. U kunt naast elke URL op de knop 'In wachtrij' of 'Verwerken' klikken als deze vastloopt.

Als u pagina's of problematische CSS-bestanden heeft, kunt u deze uitsluiten van de nieuwe CSS-bestanden. Hierdoor worden bepaalde bestanden van hun oorspronkelijke locatie geladen als u stijlproblemen tegenkomt. Schakel ook kritische CSS in, maar laat afzonderlijke mobiele CSS met rust, tenzij u een speciale mobiele/AMP-site heeft. Thema’s zijn echt ontworpen om responsief te zijn, en het hebben van een aparte cache kan uw website vertragen.

Belangrijk Cache/verkleinen Punten

Als u een cache- of optimalisatieplug-in gebruikt, zoals WP Raket of Asset Cleanup Pro, vink de vakjes niet aan om de code te verkleinen of inline te maken. Van de vakjes onderaan (Aanvullende opties) heb ik helemaal geen vinkjes gezet. Dit komt omdat alle caching wordt afgehandeld door uw optimalisatiesoftware, en als u het opnieuw probeert te cachen, zal dit niet alleen potentiële lay-outproblemen veroorzaken, maar het zal het zelfs vertragen. Alleen cachen en verkleinen vanaf één plug-inbron.

Een ander belangrijk punt om op te merken is de 'Auto Queue'-functie. Als u een website heeft met statische inhoud – dat wil zeggen dat u de pagina’s/berichten maakt en deze hetzelfde blijven, Niet doen de bestanden opnieuw in de wachtrij plaatsen. Zodra het een bestand heeft gemaakt, zal het het daar bewaren zonder het bestand voortdurend opnieuw te maken voor elke URL bij elk gebruikersbezoek. Als u een grote site heeft, wordt dit behoorlijk serverintensief, omdat uw website voortdurend CSS-bestanden opnieuw moet maken.

Als er voortdurend dynamische of aanvullende inhoud aan dezelfde pagina's wordt toegevoegd, schakel deze functie dan in. Dit komt omdat nieuwe inhoud kan betekenen dat er nieuwe CSS wordt gebruikt – en je hebt het bestand nodig om de CSS te laden die nodig is om de pagina’s correct weer te geven. Nogmaals, schakel dit alleen in als je dynamische inhoud hebt, zoals een Woocommerce Shop of zoiets. Rapidload heeft een paar 'safelist'-pakketten die u kunnen helpen met het type site dat u heeft. De Woocommerce-versie zorgt er bijvoorbeeld voor dat uw winkelmandje en betaalpagina's niet in de cache worden opgeslagen of op welke manier dan ook worden gewijzigd.

Rapidload waarschuwt u als er fouten zijn. Je zult het zien als je het gebruikt. Er is een groen pictogram in de bovenste balk als alles in orde is, een oranje pictogram als er pagina's zijn met lay-outfouten, en een rood pictogram als er algemene problemen zijn. Controleer uw pagina's en pas de instellingen aan totdat de pagina's 'helemaal groen' zijn.

U zult zien hoeveel CSS Rapidload u bespaart. Als u met de muis over een pagina beweegt, ziet u hoeveel kb en een percentage van de hoeveelheid code die u bespaart. Het is behoorlijk verrassend om het verschil te zien – en de laadtijd van de pagina zal aanzienlijk afnemen op bijna elke WordPress-website waarop je het gebruikt.

Zal dit A Verschil?

Ja, dat zal het geval zijn, vooral op mobiele apparaten. Omdat CSS-bestanden erg groot kunnen zijn, vooral in commerciële WordPress-thema's. de gegevensbesparing zal behoorlijk groot zijn. Sommige style.css-bestanden kunnen groter zijn dan 1 MB, dus stel je voor dat je daar ongeveer 80-85% van opslaat – de initiële downloadgrootte van de pagina zal drastisch worden verminderd. Dit is de belangrijkste manier om uw scores zeer hoog te krijgen, vooral op mobiele apparaten. In sommige gevallen heb ik een stijging van 30% gezien in de mobiele paginasnelheidsscores met alleen Rapidload.

Handmatige CSS-opzuivering was voorbehouden aan mensen die experts zijn in CSS. CSS-bestanden zijn groot en u moet precies zijn in welke CSS u uit uw website haalt, en alles wat u doet testen en vervolgens opnieuw testen.

Rapidload slaat dit allemaal op. Niet alleen dat, maar dat ben jij ook niet eigenlijk helemaal niets uit uw originele CSS-bestanden halen. Dit heeft enorme voordelen. Als je in de toekomst bijvoorbeeld verschillende onderdelen of functies in een thema wilt gebruiken, ben je vrij om dat te doen. Voer gewoon de CSS-generator opnieuw uit. Met handmatige zuivering is het voor altijd verdwenen zodra je het eruit haalt.