I den föregående artikeln diskuterade vi vikten av snabbhet i webben och granskade några grundläggande tips för att påskynda WordPress. I den här artikeln kommer vi att gå över fem tips för att optimera din webbplats ännu mer.
Utan mer introduktion, låt oss dyka in i nästa uppsättning prestations tips!
Här är några tips om hur du ökar din webbplats hastighet:
När du vill visa världen din video som spelar pianot under skateboarding, är det ett smartare alternativ att ladda upp det till YouTube istället för att ladda upp till din egen server. Så varför gör inte samma för bilder, eller till och med CSS och JavaScript-filer?
CDN, eller "innehållsleveransnätverk" tjänar detta syfte. Och av sin natur är de vanligtvis snabbare än din server på grund av allt detta moln magi. Plus, att få filer från två servrar är snabbare än att få dem från en server från webbläsarens perspektiv.
Medan CDN-marknaden domineras av betalda tjänster som Amazon CloudFront, MaxCDN och många, många mer, det finns också gratis tjänster. Jag föreslår att du prövar det och ser hur CDN fungerar genom att installera Jetpack från WordPress.com och aktivera "Photon" -modulen. Om du behöver mer kraft och anpassning kan du migrera till betalda tjänster utan att förlora någonting.
Bilder är viktiga för dina webbsidor eftersom de oftast är de mest attraktiva sidorna på sidan. Men med många bilder kan du dubbla, tredubblas eller fyrdubbla din sidas vikt, och det kan göra att dina sidor tar längre tid att slutföra laddningen.
Om du kan använda färre bilder, är det bara en annan del av hastighetsoptimering ("sunt förnuft") men om det är en bättre idé att hålla stora bilder kan du försöka optimera bilderna så att de tar mindre plats och mindre tid att ladda.
I andra handledning om att påskynda WordPress över internet verkar alla vara att föreslå WP Smush.it och det gör jobbet ganska bra, men jag ska gå vidare och föreslå EWWW Image Optimizer. Det har ett roligt namn men jag tycker att det är ett bättre alternativ till WP Smush.it eftersom det kan komprimera fler filtyper och har fler alternativ att spela med. Försök var och en och bestäm själv.
Visar en mobilanvändare exakt samma sida som en stationär användare ser 2010. Det är dags för alla att använda "responsiv webbdesign", som omarrangerar och ändrar designen för olika skärmstorlekar så att användarna lättare kan se sidan.
Men det betyder oftast att du tar samma sida (med samma vikt) och ändrar bara designen tills den passar in i mobilenhetens skärmar och mobila användare med hastigheter för mobila internetanslutningar uppskattar inte att vänta i 10 sekunder för en sida att ladda . Hur fantastisk skulle det vara om vi istället för att ändra designen dynamiskt för mobila enheter kunde visa en helt annan, renare design?
Visas, det finns plugins för det också. Den tidigare nämnda Jetpack av WordPress.com har en modul som heter "Mobile Theme" som lägger ut ett enkelt mobiltema för dig utan problem. Om du vill ha mer kontroll kan du kolla in WPTouch Mobile Plugin, som är gratis men också har en "pro" -version som erbjuder fler mobila teman än den fria versionen.
Har du någonsin utvärderat ditt tema? Om du inte har det, är du inte ensam: Folk tenderar att "bli kär" med ett tema och förbise det faktum att det har alltför många bilder, inte en optimerad CSS-fil, har hemsk HTML-utmatning eller gör hundratals frågor på varje sida. Vi är förstås bara mänskliga, och vi kan bli distraherade av ett vackert utformat tema ... men kom ihåg: Vackert utformade men fruktansvärt kodade teman kommer skada din webbplats mer än ett inte så sexigt tema med en solid kodgrund.
Kontrollera din webbplatss hastighetspoäng från PageSpeed, och installera pluginprogrammet Admin Bar Queries för att utvärdera ditt temas prestanda. Om du ser att temat saktar ner din webbplats, bör du prova ett annat tema som är enklare än vad du använder just nu.
Kom ihåg: Bra design behöver inte nödvändigtvis översvämmas med grafik. Ibland mindre är mer-speciellt i den "platta" epoken vi lever i!
Jag vet, plugins är fantastiska. Du kan aldrig få tillräckligt med funktioner och funktioner som tillhandahålls av plugins som berikar din webbplats. En plugin för postvy här, en kommentarröstningsmekanism där borta ... och snart undrar du varför servern väntar i sex sekunder innan du laddar sidan.
Du kanske säger att jag pratar som en hycklare eftersom jag redan föreslog massor av plugins i den här artikeln. Var säker på att jag inte är en hycklare: med hjälp av massor av plugins saktar inte din webbplats, men med många plugins som interagerar med front-end gör det. Särskilt de som ändrar databasfält på varje sidvy.
Ironiskt nog kan du testa vilka plugins som saktar ner din webbplats genom installerar ett annat plugin. Plugin P3 (Plugin Performance Profiler) kör test via dina sidor och mäter tidskostnaden för varje plugin, vilket ger dig en uppfattning om vilka plugins som saktar webbplatsen mest.
Som sagt i början av denna serie, hastighet alltid frågor. Du måste hålla koll på det hela tiden, så dessa artiklar är inte "gör det här bara en gång och du är bra att gå" typ av handledning. Jag säger inte att du bör bokmärke dessa handledningar, men du bör bokmärka dessa handledning.
Har du något att lägga till i serien? Berätta vad du tycker genom att kommentera nedan. Och om du gillade artikeln, glöm inte att dela den med dina vänner!