Share
Inte en annan typisk kod kopiera och klistra in artikeln men snarare min erfarenhet av hur jag optimerar min WordPress-webbplats. För att inte säga detta är bäst men det borde fungera.
Vissa WordPress-teman eller barnteman använder särskilt @import-kommandot i CSS-filen för att importera styling från modertemat. Medan den här metoden gör stilen.css för temat ljus och liten, påverkar det din lasttid eftersom webbläsaren måste hämta stilarket. Filen laddas inte ner parallellt utan i stället köas som lägger till på din laddningstid.
Vad jag vanligtvis gör är att radera kommandot @import från min CSS-fil och bara kopiera hela CSS-filen som ursprungligen importerades. Genom att minska (med W3 Total Cache eller Wp-Minify) kommer storleken på CSS-filen att reduceras.
Ett annat knep är att använda märka. Enligt tipsen om tips för Google Web Performance Best Practices, taggen låter webbläsaren ladda ner filer parallellt. Ta bara bort @import-kommandot i ditt stilark och lägg till stilarket i form av:
Välj alltid den asynkrona typen av resurskoder för dina sociala knappar och Google Analytics. Jag tror att alla vanliga saker som vi lägger på vår webbplats (Google Analytics, Facebook Like & Google Plus) redan har denna typ av kod. Se till att du använder de uppdaterade resurskoderna och använder de asynkrona.
För det mesta skrevs de instruktioner du följer av några andra bloggar för månader sedan och de uppdaterade inte till de asynkrona koderna. Andra fall involverade plugins som du använder för att infoga sociala knappar. Du kan alltid skriva till pluginutvecklaren så att de uppdaterar dessa koder.
Behöver du köra commentreply.js på din första sida när det inte finns någon kommentarfunktion där? Det är den allmänna tanken. Vissa JavaScript som körs i ditt tema kan uteslutas från att visas på vissa sidor för att minska belastningstiden för din webbplats. Hur gör vi det här?
En av lösningarna är att använda Widget Logic WordPress plugin så att du kan styra widgets eller snarare sidor där widgetsna skulle visas. I mitt fall, eftersom jag inte visar några sociala knappar på min första sida, ställer jag in den speciella widgeten så att skriptresurserna för att köra den här knappen endast kommer att köras på enstaka sidor.
Du kanske frågar, varför lägger jag inte manuset direkt i single.php. Anledningen är att eftersom jag använder tjugo elva med ett barntema är sidofältet i kö efter huvudinnehållet. Därför kommer teorin i teorin att visas först (helt) innan de visas. Ingen klickar på sociala knappar innan du ens läser innehållet så det är bäst att låta innehållet komma ut snabbt för dina läsare.
Den andra metoden är att använda minifunktionen i W3 Total Cache. Du kan faktiskt välja vart du vill bädda in de minifierade skripten (i
, innan eller efter ) men det kräver mycket försök och fel på din sida. Tanken är att bädda in skript som faktiskt används i din tematänkning inuti och resten av det innan .Under rättegångsprocessen visas din webbplats ofta ibland, men oroa dig inte eftersom det kan lösas genom att rensa cookies och cache.
CloudFlare har fått stor popularitet med WordPress-användare. Anledningen är enkel, deras CDN-nätverk fungerar och det är gratis. Med extra säkerhet och skydd mot spamrobotar, är CloudFlare en bra funktion att läggas till i din WordPress-installation.
Idag kan du automatiskt installera CloudFlare från din cPanel (beroende på om ditt webbhotell stöder det eller inte). Det är ännu enklare att installera inom cPanel än att göra det manuellt.
Den allmänna idén om hur man gör en sida snabbt är att minska saker som behövs för att ladda, storleken på sidan och att betona på skript som faktiskt byggt upp webbplatsen först än andra skript som annonser, sociala knappar och analyser. Det är tillrådligt att du förstår strukturen i ditt tema och vet vad som laddas först och sist för att bestämma vilket skript som är viktigt och vilket inte är.
Jag föreslår att du spenderar tid varje månad med hjälp av benchmarkingverktyg som GTmetrix och Pingdom Full Page Test för att analysera din webbplats.
Accentsconagua