Share
Nel precedente articolo, abbiamo discusso l'importanza della velocità nel web e abbiamo esaminato alcuni suggerimenti di base sull'accelerazione di WordPress. In questo articolo, forniremo altri cinque suggerimenti per ottimizzare ulteriormente il tuo sito web.
Senza ulteriori presentazioni, passiamo al prossimo set di suggerimenti per le prestazioni!
Ecco alcuni suggerimenti per aumentare la velocità del tuo sito web:
Quando vuoi mostrare al mondo il tuo video mentre suoni il piano mentre fai skateboard, è un'opzione più intelligente per caricarlo su YouTube invece di caricarlo sul tuo server. Quindi, perché non fare lo stesso per le immagini, o anche i file CSS e JavaScript?
CDN o "reti di distribuzione di contenuti" servono a questo scopo. E per loro natura, di solito sono più veloci del tuo server a causa di tutto ciò nuvola di magia. Inoltre, ottenere i file da due server è più veloce che ottenerli da un server dal punto di vista del browser.
Mentre il mercato della CDN è dominato da servizi a pagamento come Amazon CloudFront, MaxCDN e molti altri, molti di più, ci sono anche servizi gratuiti. Vi suggerisco di provarlo e vedere come funzionano i CDN installando Jetpack da WordPress.com e attivando il modulo "Photon". Se hai bisogno di più potenza e personalizzazione, puoi migrare ai servizi a pagamento senza perdere nulla.
Le immagini sono importanti per le tue pagine web perché di solito sono le parti più interessanti della pagina. Tuttavia, l'utilizzo di molte immagini potrebbe raddoppiare, triplicare o quadruplicare il peso della pagina e potrebbe rendere le pagine più lunghe per completare il caricamento.
Se è possibile utilizzare meno immagini, questa è solo un'altra parte dell'ottimizzazione della velocità ("buon senso"), ma se è un'idea migliore conservare grandi immagini, puoi provare a ottimizzare quelle immagini in modo che occupino meno spazio e meno tempo per caricarle.
In altri tutorial sull'accelerazione di WordPress su Internet, tutti sembrano suggerire WP Smush.it e fa il lavoro abbastanza bene, ma vado avanti e suggerisco EWWW Image Optimizer. Ha un nome divertente ma penso che sia un'alternativa migliore a WP Smush.it perché può comprimere più tipi di file e ha più opzioni con cui giocare. Prova ognuno fuori e decidi tu stesso.
Mostrando a un utente mobile la stessa identica pagina che vede un utente desktop è così 2010. In questi giorni, tutti usano "responsive web design", che riorganizza e modifica il design per diverse dimensioni dello schermo in modo che gli utenti possano vedere più facilmente la pagina.
Ma farlo solitamente significa prendere la stessa pagina (con lo stesso peso) e cambiare il design fino a quando non si adatta agli schermi dei dispositivi mobili, e gli utenti mobili con velocità di connessione a Internet mobile non apprezzano aspettare 10 secondi per caricare una pagina . Sarebbe fantastico se invece di modificare dinamicamente il design per i dispositivi mobili, potremmo mostrare un design completamente diverso e più pulito?
Risulta, ci sono anche i plugin per quello. Il Jetpack menzionato in precedenza da WordPress.com ha un modulo chiamato "Mobile Theme" che presenta un semplice tema mobile per te senza problemi. Se vuoi avere più controllo, puoi controllare WPTouch Mobile Plugin, che è gratuito ma ha anche una versione "pro" che offre più temi per dispositivi mobili rispetto alla versione gratuita.
Hai mai valutato la performance del tuo tema? Se non l'hai fatto, non sei solo: le persone tendono a "innamorarsi" di un tema e trascurano il fatto che ha troppe immagini, non ha un file CSS ottimizzato, ha un output HTML terribile, o fa centinaia di domande su ogni pagina. Siamo solo umani, naturalmente, e possiamo distrarci con un tema ben progettato ... ma ricorda: temi meravigliosamente progettati ma orribilmente codificati volontà danneggiare il tuo sito Web più di un tema non troppo sexy con una solida base di codice.
Verifica il punteggio di velocità del tuo sito web da Page Speed e installa il plug-in Query barra di amministrazione per valutare le prestazioni del tuo tema. Se vedi che il tema sta rallentando il tuo sito web, dovresti provare un tema diverso che è più semplice di quello che stai usando in questo momento.
Ricorda: un buon design non deve necessariamente essere inondato di grafica. Qualche volta meno è meglio-specialmente nell'era del "design piatto" in cui viviamo!
Lo so, i plugin sono fantastici. Non puoi mai avere abbastanza funzionalità e funzionalità fornite da plugin che arricchiscono il tuo sito web. Un plug-in per il conteggio delle post viste qui, un meccanismo per il voto dei commenti là ... e presto ti chiederai perché il server attende sei secondi prima di caricare la pagina.
Potresti dire che sto parlando come un ipocrita perché ho già suggerito molti plugin in questo articolo. Ti assicuro che non sono un ipocrita: l'utilizzo di molti plug-in non rallenta il tuo sito web, ma l'utilizzo di molti plug-in che interagiscono con il front-end lo fa. Soprattutto quelli che modificano i campi del database in ogni visualizzazione di pagina.
Ironicamente, puoi verificare quali plugin rallentano il tuo sito web installare un altro plug-in. Il plug-in P3 (Plugin Performance Profiler) esegue test sulle tue pagine e misura il costo temporale di ciascun plug-in, dando un'idea di quali plug-in rallentano il sito Web.
Come ho detto all'inizio di questa serie, la velocità sempre questioni. Devi tenerlo d'occhio costantemente, quindi questi articoli non sono "fai questi solo una volta e sei a posto" tipo di tutorial. Non sto dicendo che dovresti aggiungere un segnalibro a questi tutorial, ma dovresti aggiungere ai segnalibri questi segnalibri.
Hai qualcosa da aggiungere a questa serie? Dicci cosa ne pensi commentando di seguito. E se ti è piaciuto l'articolo, non dimenticare di condividerlo con i tuoi amici!
Accentsconagua