Taglia il Bloat dai un altro sguardo

In questa serie, abbiamo esaminato una serie di strategie diverse per mantenere le nostre installazioni WordPress il più snelle possibili. Nel fare questo, abbiamo parlato di alcuni suggerimenti pratici da seguire indipendentemente dalla natura del tuo progetto. 

In questo post, riassumeremo tutto ciò che abbiamo trattato nella serie al fine di fornire una guida di una singola pagina ai suggerimenti che abbiamo trattato e un riferimento ai resti del post di questa serie.

Taglia il Bloat

In questa serie, uno dei punti chiave che sono stati ribaditi riguarda la responsabilità che abbiamo nei confronti dei nostri visitatori - Sono fermamente convinto che noi, in quanto sviluppatori, dobbiamo fare un lavoro migliore. 

A tal fine, credo che dovremmo dedicare più tempo a pensare a cosa stiamo spingendo verso Internet per i nostri consumatori, nonché a compiere uno sforzo concertato per ottimizzare il nostro lavoro sia per la velocità che per l'efficienza su tutta la gamma di dispositivi con cui le persone possono vedere il nostro lavoro.

1. The Path to Bloat

Nel primo post della serie, abbiamo esaminato come i siti sono nati per la prima volta e come sono cambiati negli ultimi due decenni. 

Ricordiamo che la dimensione media di un sito Web è aumentata del 235% negli ultimi tre anni. Inoltre, gli utenti mobili stanno diventando una porzione significativamente più ampia di coloro che visitano il nostro sito. Oltre a questo, più grande è il tuo sito, più tempo ci vorrà per arrivare al punto di consumare i tuoi dati. 

Prova a fare di più con meno. 

Per riassumere il post: Scrivi codice più pulito. Sii intelligente su ciò che usi. Investi un po 'più di tempo quando stai scrivendo o costruendo temi, plug-in o sito e alla fine avrai bisogno di meno tempo a lungo termine per mantenere il tuo lavoro. Forse ancora più importante, i tuoi utenti richiederanno meno tempo per caricare il sito nel loro browser e idealmente avranno più tempo da dedicare al sito. 

2: Keeping It Lean

Nel secondo articolo della serie, abbiamo esaminato la revisione dei vari componenti che compongono i nostri siti nel tentativo di valutare se abbiamo bisogno di tutto ciò che abbiamo installato. 

Noi abbiamo chiesto:

  • Fai veramente bisogno di quel plugin? 
  • Fai veramente bisogno di quell'immagine?
  • … e così via.

Ricorda: meno è di più.

Gran parte di ciò che abbiamo visto fare è stato prendere decisioni sagge su ciò che useremo per creare il nostro sito. In poche parole, dovremmo dedicare tempo a pianificare e pensare a ciò che faremo. 

Non aggiungere solo cose finché non hai tutto ciò che vuoi e tieni le dita incrociate le cose funzioneranno. Sebbene possa funzionare, non è un segno di buona progettazione o implementazione. Usa quello che ti serve, e solo quello. 

Il modo più semplice per farlo sarà sempre quello di pianificare ciò che si vuole fare a lungo termine e assicurarsi che ogni tappa fondamentale dello sviluppo sia in linea con quel piano.

3. Taglia giù

Nel terzo articolo, abbiamo spostato le paure e abbiamo parlato in modo specifico dei temi e dei plugin di WordPress. Nello specifico, abbiamo dato un'occhiata ad alcuni esempi di HTML che sono stati generati in un tema prima di iniziare a lavorarci e dopo averlo ottimizzato. 

Un sacco di siti web e temi in questi giorni si espandono con elementi di compensazione, wrapper e così via. Il costo effettivo di ciò sembra negligente, a malapena vale la pena menzionarlo, ma quando lo metti insieme, riassume. Per non parlare di ciò rende un po 'più complicato mantenere il codice, specialmente se gli elementi sono suddivisi su più template.

Lo stesso vale per i plugin: usa meno, fai di più. Scegli il plug-in giusto per il lavoro e assicurati che faccia ciò che ti serve e preferibilmente di pochissimo.

4. L'ottimizzazione è la chiave

L'ottimizzazione è qualcosa che si pensa spesso abbia luogo alla fine di un progetto. Molte volte, spesso pensiamo a questo come minimizzare i nostri script, comprimere e unire i nostri fogli di stile e così via. Ma in realtà l'ottimizzazione è qualcosa che dovremmo fare fin dall'inizio.

Alla fine, sarà molto più efficiente ottimizzare se hai fatto le cose correttamente fin dall'inizio. Mantieni tutto nella giusta posizione: i CSS rimangono nei fogli di stile, la sorgente JavaScript rimane nei file JavaScript e PHP nei file markup e / o PHP. 

Cerca di evitare l'uso di script e stili in linea perché non ne hai realmente bisogno, e aiuta a mantenere una separazione di preoccupazioni che contribuisce sempre a una maggiore coesione ea una migliore manutenibilità.

Avvolgendolo tutto

Questa serie di articoli non è completa. Fin dall'inizio, non ha mai inteso essere un riferimento all-in-one per i piccoli miglioramenti che puoi apportare quando lavori ai tuoi progetti.

Invece, questa serie vuole essere una visione a volo d'uccello di alcune delle cose che, come sviluppatori, abbiamo perso di vista nel corso degli ultimi anni, dal momento che lo sviluppo web ha assunto sempre più risorse.

Non è mai una brutta cosa fare un passo e dare un'altra occhiata a quello che hai fatto. Spero che questa guida ti sia stata utile; tuttavia, se hai ulteriori domande e / o suggerimenti, non esitare a lasciare un commento!