Trim Bloat Lean It Out

I de föregående två inläggen i den här serien har vi diskuterat hur vi har gått från små webbplatser till de enorma appar och webbplatser vi har idag. Vi har diskuterat några av de val vi kan göra när det gäller att luta ut vår WordPress-webbplats, vad ska vi se upp för, och varför varje sak är viktig. 

I det här inlägget kommer jag att ge några faktiska exempel på vad jag pratar om. Det kommer inte att vara en rakt upp guide som passar perfekt för alla användningsfall, men det är avsikten att ge några exempel för att hjälpa dig att komma igång med att rengöra och trimma bort de externa bitarna på din blogg som du inte gör behöver.

Luta ut mallfiler

Nedan har jag tagit en del HTML från ett nyligen genomfört projekt. Den ursprungliga platsen innehöll många saker som det verkligen inte behövde. Med tiden hade företaget ackumulerat plugins och tillägg till deras tema och upplevde nu absurda långsamma lastningstider. 

I det här fallet skulle den enklaste lösningen vara att släppa ett cache-lager framför det och göra det. Men det löser inte riktigt problemet. En av de saker jag slutade göra var att avlägsna ungefär 50% av HTML i temat, omskriva det där det behövs och justera CSS i enlighet därmed för att hålla designen densamma.

Här ingår en del av HTML som var i det ursprungliga temat. Jag fixade formateringen lite.

 
 
 
 
 
 
  
Inläggets titel går här 
  
 
 
 
 
kategori namn
 
 
 
 
 Publicerad den 28 feb 2014 - 2:40 pm av Bob The Admin 
 
 
 
 
  Kommentar  
 
 
 
 
 
 
    
 
 
 
posta innehåll här
 
 
 
 
 
 
 
 
 
 
 
 
 

Det är inte den värsta HTML som jag någonsin sett, och absolut inte en av de delar som verkligen gjorde webbplatsen mycket långsammare, men det är perfekt för det jag försöker visa här: Det finns mycket rengöring som kan göras. Det finns en för stor mängd omslag och röjning div element. 

Efter lite rengöring slutade jag med:

 
 
  
Inläggets titel går här 
  
 
 
 
 
kategori namn
 
 
 
 Publicerad den 28 feb 2014 - 2:40 pm av Bob The Admin 
 
 
 
 Kommentar 
 
 
 
 
 
 
    
 
 
posta innehåll här
 
 
 
 

Denna del av koden har de flesta av dess omslag borttagna. Om du inte behöver dem, lägg inte till dem. Korrekt användning av CSS gör att du kan undvika att använda de flesta, om inte alla, av omslaget i det ursprungliga kodstycket. 

Detta exempel kan tyckas obetydligt, och i sig är det. Men gör det överallt för varje mall i ditt tema och du kommer att sluta med en betydligt mindre produktion. 

När du gör webbplatsen blir webbläsare lyckligare för det. Mobila besökare överallt kommer att uppskatta att din webbplats öppnar snabbare på sina telefoner eftersom mindre data betyder snabbare laddningstider och du blir lyckligare när du behöver justera något i koden.

Det finns mycket mer att diskutera här, men den här serien är inte avsedd som den slutgiltiga guiden för att skriva ren HTML. I stället är det meningen att göra dig medveten om de potentiella förbättringar som du kan tillämpa på din webbplats. 

Rachel McCollin har skrivit en mycket detaljerad och omfattande guide till att bygga ett tema för WordPress. Hennes serie detaljer i exceptionell detalj hur man bygger ett tema och hennes exempel är helt og hållet ogiltiga, jag kan rekommendera någon som letar efter några tips om hur man får deras HTML-sorterade för att ta en titt på hennes serie.

Trimma våra plugins

Nu när vi har tittat på teman, låt oss prata plugins.

Många av samma regler gäller här. Rengöringsprogrammet är skrivet, desto lättare kommer det att justeras när du behöver göra det. Kom ihåg att du kommer att förlora kompatibiliteten om du justerar ett plugin direkt så det är generellt bäst att försöka undvika det.

Plugins finns i alla storlekar. Det säger att vissa gör vad de behöver göra och ingenting mer, andra gör vad de måste göra, liksom många andra saker. Feature bloat är inte ovanligt och något du verkligen vill hålla ögonen på när du väljer de plugin du vill använda. I vissa (men inte alla) fall, ju fler plugins du har, desto långsammare saker kommer att bli. 

Naturligtvis beror detta i hög grad på kodkvaliteten på plugin. Därför är det viktigt att du gör din due diligence när du undersöker de plugins du ska installera. 

Individuellt verkar inte varje plugin mycket, men om du lägger samman ett stort antal dåligt kodade plugin ser du en signifikant minskning av prestanda.

När jag ursprungligen skrev den här artikeln skulle jag ta en hel del saker för att hålla koll på när du valde dina plugins. Barış Ünver har dock skrivit en utmärkt guide om vad man ska leta efter när man väljer ett plugin och jag behöver inte upprepa sina ord här. 

I stället läs upp på sin guide om du letar efter tips om vilken plugin du ska använda.

Vad kommer härnäst?

Först låt oss sammanfatta: Rengöraren du skriver din kod - vare sig det är HTML, PHP, JavaScript, C - desto lättare blir det att behålla och anpassa senare. Det här inlägget försökte ge dig ett par handhållen på att rengöra dina mallar och refererar till utmärkta resurser om att komma igång med detta och hitta plugins.

Några av er har märkt att jag misslyckades med att prata om vad som helst relaterat till CSS, JavaScript, minimera element och andra former av optimering. Det beror på att nästa inlägg kommer att handla om exakt det.

Under tiden, låt mig veta i kommentarerna vad dina tankar är efter att ha läst!