In un'epoca in cui quasi tutte le informazioni sono disponibili in qualsiasi momento e da qualsiasi luogo, i siti web e altri contenuti online devono soddisfare determinati criteri per soddisfare gli utenti (e quindi anche i motori di ricerca). Uno di questi criteri \u00e8 il tempo di caricamento. Vi spieghiamo come potete analizzare le prestazioni e quindi ottimizzarle per ottenere un miglior posizionamento a lungo termine.<\/p>\n\n\n\n
Immaginate di entrare in uno snack bar, di avere molta fame e di non essere serviti. Cosa succede? Esattamente, si lascia il negozio in fretta e furia e si va dalla concorrenza nella speranza di trovare qualcosa da mangiare pi\u00f9 rapidamente. Anche se non ve ne andate subito, \u00e8 improbabile che torniate.<\/p>\n\n\n\n
Se trasferiamo questo esempio nel mondo digitale, lo snack bar diventa il sito web e la velocit\u00e0 del servizio diventa il tempo di caricamento del sito. Se volete giocare nella massima serie in termini di classifica, dovete pensare al vostro servizio, in altre parole alle vostre prestazioni, il prima possibile. A Google piace classificare i siti web che sono particolarmente facili da usare. Oltre a un layout coerente e a una presentazione chiara di un argomento, la facilit\u00e0 d'uso comprende anche il tempo di caricamento dei contenuti. Se la pagina impiega troppo tempo a caricarsi, la frequenza di rimbalzo aumenta perch\u00e9 molti utenti cliccano sul \"pulsante indietro\" e passano al risultato di ricerca successivo nella SERP di Google.<\/p>\n\n\n\n
Prima di migliorare le prestazioni del vostro sito web, \u00e8 meglio verificare l'effettivo livello di PageSpeed. A tale scopo \u00e8 possibile utilizzare diversi strumenti.<\/p>\n\n\n\n
PageSpeed Insights<\/a> \u00e8 uno strumento fornito da Google che consente di verificare le prestazioni di un determinato URL in pochissimo tempo. Idealmente, riceverete una valutazione \"Buona\" sia per l'output su dispositivi mobili che per quello su dispositivi desktop. Se i tempi di caricamento non sono ottimali, lo strumento valuta le prestazioni come \"medie\". Con una valutazione \"bassa\" \u00e8 necessaria un'ottimizzazione. L'aspetto positivo \u00e8 che Google fornisce suggerimenti per l'ottimizzazione direttamente dopo l'analisi.<\/p>\n\n\n\n Utilizzate il Test di velocit\u00e0 del sito web Pingdom<\/a> per analizzare le prestazioni della vostra pagina, noterete che fornisce un quadro molto pi\u00f9 positivo dei tempi di caricamento rispetto a PageSpeed Insights di Google. Avete anche la possibilit\u00e0 di selezionare diverse posizioni del server per la vostra query. Dopo l'analisi, lo strumento mostra il tempo di caricamento (auspicabilmente in millisecondi), il Google PageSpeed Performance Grade (dovrebbe essere A), la dimensione del sito web e una serie di altri dati.<\/p>\n\n\n\n L'analisi diventa ancora pi\u00f9 completa con la Strumento da webpagetest.org<\/a>. Qui \u00e8 possibile selezionare altre posizioni del server e, cosa particolarmente interessante, definire l'ambiente di test (modello di smartphone, browser, ecc.). I risultati sono estremamente completi e forniscono un'ottima base di dati per aiutarvi a ottimizzare le prestazioni del vostro sito web.<\/p>\n\n\n\n Una volta analizzati i punti deboli del sito in termini di tempo di caricamento, si pu\u00f2 iniziare con l'ottimizzazione.<\/p>\n\n\n\n Per facilitare la comprensione dei dati di analisi forniti: Le cause pi\u00f9 comuni di scarso rendimento sono...<\/p>\n\n\n\n ... grandi quantit\u00e0 di dati,<\/p>\n\n\n\n immagini non compresse,<\/p>\n\n\n\n un tema sovraccarico e<\/p>\n\n\n\n database e server lenti.<\/p>\n\n\n\n Il vostro sito web gira su WordPress o Joomla! e il tema premium che avete acquistato sembra davvero elegante? Va bene, ma non \u00e8 raro che i temi siano completamente sovraccarichi, con conseguente rallentamento dei tempi di caricamento del sito web. Date un'occhiata per vedere se c'\u00e8 un tema pi\u00f9 sottile che si caratterizza per le sue prestazioni oltre che per il suo aspetto immediatamente accattivante.<\/p>\n\n\n\n Se il problema non riguarda il tema in s\u00e9, anche i plugin possono avere un impatto negativo sul tempo di caricamento dei siti web, se si verificano troppi accessi al database. Questo \u00e8 il caso soprattutto dei plugin meno conosciuti e mal implementati. \u00c8 sufficiente verificare quali plugin si sono accumulati nel tempo e disinstallare quelli di cui non si ha assolutamente bisogno.<\/p>\n\n\n\n Se vengono effettuate meno richieste HTTP, il sito web verr\u00e0 logicamente caricato pi\u00f9 velocemente. Una richiesta al server viene sempre effettuata quando \u00e8 necessario caricare un file. Pertanto, se in un documento sono presenti meno file come immagini, script e cos\u00ec via, anche la pagina verr\u00e0 caricata pi\u00f9 velocemente.<\/p>\n\n\n\n Suggerimento: \u00c8 possibile combinare vari fogli di stile in un unico file CSS e collegarlo dall'area del documento HTML. Se ci si assicura che non ci siano pi\u00f9 specifiche di stile in linea nel documento HTML, il file CSS pu\u00f2 essere memorizzato nella cache, accelerando cos\u00ec il caricamento della pagina.<\/p>\n\n\n\n Un sito web non pu\u00f2 fare a meno di buone immagini (preferibilmente in formato .jpg) e di grafici (preferibilmente in formato .png): dopo tutto, un'immagine vale pi\u00f9 di mille parole. Tuttavia, \u00e8 importante che queste immagini siano ottimizzate per il web, per evitare lunghi tempi di caricamento. L'errore pi\u00f9 comune in questo contesto \u00e8 quello di caricare le immagini sul server nelle loro dimensioni originali e di inserirle nel contenuto esattamente nello stesso modo.<\/p>\n\n\n\n Esempio: Se un'immagine ha una dimensione di 2500 x 1000 pixel, ma \u00e8 integrata solo in un'area di contenuto larga 750 pixel, in seguito verr\u00e0 visualizzata in una dimensione pi\u00f9 piccola. Tuttavia, l'immagine o il grafico devono essere caricati a grandezza naturale. Per evitare questa inutile zavorra, si consiglia di ridurre sempre le immagini alle dimensioni in cui verranno effettivamente visualizzate.<\/p>\n\n\n\n A proposito: non appena viene richiamato un URL, di solito tutte le immagini vengono caricate automaticamente, anche quelle che non sono ancora visibili, ad esempio perch\u00e9 non si sta scorrendo verso il basso. Per caricare le immagini solo quando necessario, \u00e8 possibile utilizzare plugin come Pazzo pigro<\/a> utilizzare. E per darvi subito un altro consiglio sui plugin: WP Smush.it<\/a> comprime automaticamente le dimensioni dei file delle immagini durante il caricamento. \u00c8 possibile utilizzarlo anche per ottimizzare successivamente le immagini gi\u00e0 caricate.<\/p>\n\n\n\n Non solo le immagini, ma anche i file di sistema (ad esempio quelli di WordPress) possono essere compressi. Come funziona? Semplicemente con Gzip, un programma di compressione gratuito che, proprio come il formato dei file, \u00e8 disponibile per tutti i sistemi operativi. \u00c8 sufficiente inserire uno snippet di codice nel file .htaccess. Con WordPress, non \u00e8 necessario farlo manualmente, ma si pu\u00f2 fare affidamento su plugin come Compressione della velocit\u00e0 di Gzip Ninja<\/a> a cui ricorrere. Joomla ha anche estensioni corrispondenti che fanno esattamente la stessa cosa.<\/p>\n\n\n\n Come utenti di WordPress, avete bisogno anche di un buon plugin di caching. La cache crea versioni statiche di tutte le pagine, invece di crearle dinamicamente, con grandi effetti sulla velocit\u00e0 di caricamento dell'intero sito web. Un plugin di caching molto ben scritto per WordPress \u00e8 Cachify<\/a>. Con il plugin W3 Total Cache \u00e8 possibile ottenere un pacchetto completo e senza preoccupazioni. In alternativa WP Rocket<\/a> un piccolo razzo da parte vostra.<\/p>\n\n\n\n Un consiglio in pi\u00f9:<\/strong><\/p>\n\n\n\n Per velocizzare ulteriormente il vostro sito web, potete rimuovere gli spazi e le interruzioni di riga non necessari da HTML, CSS e JavaScript. Poich\u00e9 in questo modo l'intero codice diventa pi\u00f9 snello, anche il tempo di caricamento si riduce. L'unica cosa che peggiora \u00e8 la chiarezza del codice. Il gi\u00e0 citato Plugin W3 Total Cache<\/a> A questo punto, l'utente di WordPress ha a disposizione la cosiddetta funzione \"Minify\". Tuttavia, questa funzione funziona particolarmente bene solo se si definisce come gli script Java devono essere caricati nella modalit\u00e0 manuale del plugin stesso. Poich\u00e9 questa modalit\u00e0 non \u00e8 adatta soprattutto ai principianti, si consiglia di utilizzare la funzione Plugin Autoptimise<\/a>.<\/p>","protected":false},"excerpt":{"rendered":" In Zeiten, in denen fast jede Information zu jeder Zeit und von jedem Ort aus verf\u00fcgbar ist, m\u00fcssen Webseiten und andere Online-Inhalte gewisse Kriterien erf\u00fcllen, um User (und damit auch die Suchmaschinen) zufriedenzustellen. Eines dieser Kriterien ist die Ladezeit. Wir erkl\u00e4ren dir, wie du die Performance analysierst und im Anschluss optimierst, um langfristig bessere Rankings […]<\/p>\n","protected":false},"author":1,"featured_media":3344,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1,55,52],"tags":[],"class_list":["post-3343","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blogboxx","category-seo","category-sichtbarkeit-reichweite"],"acf":[],"_links":{"self":[{"href":"https:\/\/trackboxx.com\/it\/wp-json\/wp\/v2\/posts\/3343","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/trackboxx.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/trackboxx.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/trackboxx.com\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/trackboxx.com\/it\/wp-json\/wp\/v2\/comments?post=3343"}],"version-history":[{"count":0,"href":"https:\/\/trackboxx.com\/it\/wp-json\/wp\/v2\/posts\/3343\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/trackboxx.com\/it\/wp-json\/wp\/v2\/media\/3344"}],"wp:attachment":[{"href":"https:\/\/trackboxx.com\/it\/wp-json\/wp\/v2\/media?parent=3343"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/trackboxx.com\/it\/wp-json\/wp\/v2\/categories?post=3343"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/trackboxx.com\/it\/wp-json\/wp\/v2\/tags?post=3343"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}Pingdom<\/h3>\n\n\n\n
Test della pagina web<\/h3>\n\n\n\n
Fase 2: ottimizzazione<\/h2>\n\n\n\n
Ripensare il tema e disattivare i plugin non necessari<\/h3>\n\n\n\n
Ridurre le richieste HTTP<\/h3>\n\n\n\n
Ottimizzare le immagini per il web<\/h3>\n\n\n\n
Compressione Gzip<\/h3>\n\n\n\n
Utilizzare la cache<\/h3>\n\n\n\n