Trim Bloat Ta en annan titt

Under hela serien har vi tittat på ett antal olika strategier för att hålla våra WordPress-installationer så lätta som möjligt. Med detta har vi pratat om ett antal praktiska tips att följa oavsett projektets karaktär. 

I det här inlägget kommer vi att sammanfatta allt som vi har täckt i serien för att ge en enda sidguide till de tips vi har täckt och en hänvisning till resten av inlägget i denna serie.

Trima blodet

I denna serie är en av de viktigaste punkterna som har upprepats handlat om det ansvar vi har för våra besökare - jag är fast att vi som utvecklare måste göra ett bättre jobb. 

För det ändamålet anser jag att vi bör spendera mer tid på att tänka på vad vi driver ut på Internet för våra konsumenter och att vi gör en samordnad satsning för att optimera vårt arbete för både hastighet och effektivitet över alla enheter med vilka människor kan se vårt arbete.

1. Vägen till blöt

I seriens första inlägg tittade vi på hur webbplatser började och hur de har förändrats under de senaste decennierna. 

Minns att den genomsnittliga storleken på en webbplats har ökat med 235% under de senaste tre åren. Dessutom blir mobila användare en betydligt större andel av dem som besöker vår webbplats. Ovanför det, desto större är din webbplats, desto längre tid tar det för att få dem till att konsumera dina data. 

Prova och gör mer med mindre. 

För att sammanfatta posten: Skriv renare kod. Var smart om vad du använder. Investera lite mer tid när du skriver eller bygger dina teman, plugins eller webbplats, och du kommer i slutändan att kräva mindre tid i det långa loppet för att behålla ditt arbete. Kanske viktigare, dina användare kommer att kräva mindre tid att ladda webbplatsen i sin webbläsare och helst ha mer tid att spendera på webbplatsen. 

2: Håll det lutat

I den andra artikeln i serien såg vi på att granska de olika komponenterna som utgör våra webbplatser i ett försök att utvärdera om vi behöver allt vi har installerat. 

Vi frågade:

  • Gör du verkligen behöver det plugin? 
  • Gör du verkligen behöver den bilden?
  • … och så vidare.

Kom ihåg: Mindre är mer.

En stor del av det vi tittade på gjorde kom till att göra kloka beslut om vad vi ska använda för att skapa vår webbplats. Enkelt uttryckt borde vi spendera tidplanering och tänka på vad vi ska göra. 

Lägg inte bara till saker tills du har allt du vill ha och håll fingrarna korsade saker kommer att träna. Även om det kan fungera, är det inte ett tecken på bra design eller implementering. Använd vad du behöver, och bara det. 

Det enklaste sättet att göra detta kommer alltid att vara att planera vad du vill göra i det långa loppet och se till att varje milstolpe för utveckling faller i linje med den planen.

3. Trim ner den

I den tredje artikeln flyttade vi rädslan och pratade specifikt om WordPress-teman och plugins. Specifikt tog vi en titt på några exempel HTML som genererades i ett tema innan jag började jobba på det och efter att jag optimerat det. 

Många webbplatser och teman i dag bulk med clearingelement, wrappers och så vidare. Den faktiska kostnaden för detta verkar oaktsam, knappast värt att nämna, men när du sammanfattar det sammanfattar det. För att inte tala om det gör det lite mer komplicerat att behålla koden, särskilt om elementen splittras över flera mallar.

Detsamma gäller plugins: Använd mindre, gör mer. Välj rätt plugin för jobbet och se till att det gör vad du behöver det gör och helst mycket lite mer.

4. Optimering är nyckel

Optimering är något som ofta antas äga rum i slutet av ett projekt. Många gånger tänker vi ofta på detta som att minifiera våra skript, komprimera och slå samman våra stylesheets, och så vidare. Men i verkligheten är optimering något vi borde göra från början.

I slutändan blir det mycket effektivare att optimera om du har gjort saker rätt från början. Håll allt på rätt plats: CSS förblir i stylesheets, JavaScript-källan förblir i JavaScript-filer och PHP i markup- och / eller PHP-filer. 

Prova och undvik att använda inline-skript och stilar eftersom du verkligen inte behöver dem, och det hjälper till att behålla en uppdelning av problem som alltid bidrar till högre sammanhållning och bättre underhåll.

Wrapping It All Up

Denna serie artiklar är inte på något sätt komplett. Från början var det aldrig tänkt att vara en allt-i-ett-referens för minutförbättringar som du kan göra när du arbetar med dina projekt.

I stället är den här serien avsedd att vara ett fågelperspektiv av några av de saker som vi som utvecklare har förlorat koll på de senaste åren, eftersom webbutveckling har blivit alltmer resurs tung.

Det är aldrig en dålig sak att ta ett steg och ta en titt på vad du har gjort. Förhoppningsvis har denna guide visat sig användbar för dig. Om du har ytterligare frågor och / eller förslag, tveka inte att lämna en kommentar!