{"id":16987,"date":"2023-10-23T08:55:54","date_gmt":"2023-10-23T08:55:54","guid":{"rendered":"https:\/\/sitechecker.pro\/?page_id=16987"},"modified":"2025-08-06T21:33:46","modified_gmt":"2025-08-06T21:33:46","slug":"importance-web-page-size","status":"publish","type":"page","link":"https:\/\/sitechecker.pro\/it\/importance-web-page-size\/","title":{"rendered":"Qual \u00e8 l&#8217;importanza della dimensione della pagina web | Sitechecker"},"content":{"rendered":"<p>La dimensione della pagina web \u00e8 importante! Non dipende dal design o dagli argomenti della pagina, ma dalle dimensioni schermo del monitor dei visitatori, \u00e8 molto pi\u00f9 semplice. Se il sito web non \u00e8 ottimizzato per ogni dimensione del monitor, crea un fastidio automatico all&#8217;utente e quindi, \u00e8 molto importante rendere il sito comodo da visualizzare su qualsiasi dispositivo, dal grande schermo al piccolo monitor di un cellulare.<\/p>\n<h2 id=\"increasingwebpagesize\">Aumento rapido delle dimensioni di una pagina web<\/h2>\n<p>La prima pagina web \u00e8 stata pubblicata nel 1990. Successivamente, a causa dello sviluppo tecnologico, con l&#8217;aggiunta di tantissimi tipi di font, immagini, file CSS\/JS, la dimensione delle pagine sono aumentate in modo significativo. Nel 2010, la dimensione media delle pagine web era di 702 kb e nel 2017 era di 3422 kb, secondo le informazioni fornite da httparchive.org.<\/p>\n<p>Scopriamo qualcosa in pi\u00f9 sulle dimensioni sito web, grazie alle <a href=\"http:\/\/gs.statcounter.com\/\">statistiche ufficiali<\/a>. Grazie agli ultimi dati raccolti nel novembre del 2018, le dimensioni pagina web pi\u00f9 utilizzate sono:<\/p>\n<p><strong>Statistica mondiale della risoluzione delle dimensioni desktop pixel<\/strong><\/p>\n<p>&nbsp;<\/p>\n<table border=\"\u00bb2\u2033\" width=\"700\" cellspacing=\"\u00bb15\u2033\" cellpadding=\"\u00bb15\u2033\" align=\"\u00bbcenter\u00bb\">\n<tbody>\n<tr>\n<td>Larghezza x Altezza<\/td>\n<td>1366&#215;768<\/td>\n<td>1920&#215;1080<\/td>\n<td>360&#215;640<\/td>\n<td>1440&#215;900<\/td>\n<td>1536&#215;864<\/td>\n<td>1600&#215;900<\/td>\n<\/tr>\n<tr>\n<td>Utilizzo<\/td>\n<td>22.7%<\/td>\n<td>17.94%<\/td>\n<td>7.8%<\/td>\n<td>6.3%<\/td>\n<td>5.05%<\/td>\n<td>4.55%<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>&nbsp;<\/p>\n<p><strong>Statistica mondiale della risoluzione delle dimensioni tablet e mobile<\/strong><\/p>\n<p>&nbsp;<\/p>\n<table border=\"\u00bb2\u2033\" width=\"700\" cellspacing=\"\u00bb15\u2033\" cellpadding=\"\u00bb15\u2033\" align=\"\u00bbcenter\u00bb\">\n<tbody>\n<tr>\n<td>Larghezza x Altezza<\/td>\n<td>360&#215;640<\/td>\n<td>375&#215;667<\/td>\n<td>414&#215;736<\/td>\n<td>720&#215;1280<\/td>\n<td>360&#215;720<\/td>\n<td>320&#215;568<\/td>\n<\/tr>\n<tr>\n<td>Utilizzo<\/td>\n<td>33.54%<\/td>\n<td>11.07%<\/td>\n<td>5.15%<\/td>\n<td>3.89%<\/td>\n<td>3.67%<\/td>\n<td>3.53%<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2 id=\"happen\">Perch\u00e9 succede questo?<\/h2>\n<p>\u00c8 possibile spiegare tutto questo, con una serie di fattori che contribuiscono in maniera significativa all&#8217;aumento delle dimensioni di una pagina. Qui sotto puoi trovare quelli pi\u00f9 importanti.<\/p>\n    <div class=\"blog__conversion blog__conversion-app element__logged_out\">\n        <div class=\"blog__conversion-inner\">\n            <p class=\"title\">Controlla il punteggio SEO del tuo sito web<\/p>\n            <p class=\"description\">Controlla il tuo sito Web per scoprire quali pagine presentano errori SEO, come correggerli e ottenere pi\u00f9 traffico<\/p>\n            <form id=\"audit__form\"\n                  class=\"article__seo-search audit__form Controlla il tuo sito Web per scoprire quali pagine presentano errori SEO, come correggerli e ottenere pi\u00f9 traffico\"\n                  action=\"\"\n                  method=\"POST\"\n                  autocomplete=\"off\">\n                <span class=\"error\"><\/span>\n                <div class=\"error__limits\">Something went wrong. Please, try again later.<\/div>\n                <input name=\"url\"\n                       type=\"text\"\n                       placeholder=\"Inserisci il tuo nome di dominio\">\n                                <button type=\"submit\"\n                        class=\"sitechecker__text\">\n                    <span>Inizio<\/span>\n                    <img src=\"\/wp-content\/themes\/sitechecker\/out\/img_design\/loading.svg\"\n                         width=\"31\"\n                         height=\"30\"\n                         class=\"loading\">\n                <\/button>\n            <\/form>\n        <\/div>\n    <\/div>\n    \n<h3 id=\"causes1\">JavaScript<\/h3>\n<p>JavaScript \u00e8 stato creato per aggiungere interattivit\u00e0 alle pagine HTML.<\/p>\n<p>JavaScript offre agli sviluppatori HTML, un potente strumento di programmazione, facile da usare. Sebbene la maggior parte degli sviluppatori HTML non abbiano nulla a che fare con con la programmazione vera e propria, JavaScript semplifica il loro lavoro ancora di pi\u00f9, perch\u00e9 \u00e8 un linguaggio di scripting con una sintassi molto semplice. La prima versione, apparve nel 1995. \u00c8 stata migliorata moltissime volte, fino a raggiungere la forma attuale.<\/p>\n<p>Per questo, \u00e8 uno strumento efficace, che offre agli sviluppatori le seguenti possibilit\u00e0 e caratteristiche:<\/p>\n<ul>\n<li>Aggiungere o rimuoveredi tag;<\/li>\n<li>Modificare gli stili di una pagina;<\/li>\n<li>Giochi web-based;<\/li>\n<li>Informazioni dell&#8217;attivit\u00e0 dell&#8217;utente sulla pagina;<\/li>\n<li>Apportare modifiche al codice;<\/li>\n<li>Animare una pagina web.<\/li>\n<\/ul>\n<p>Le possibilit\u00e0 sono davvero illimitate. Per questo, \u00e8 molto importante utilizzare JavaScript per la tua risorsa web, ma non dimenticare di ridurre il numero di file per rimpicciolire il pi\u00f9 possibile le dimensioni della pagina e rendere il tuo sito user-friendly e attraente per tutti gli utenti.<\/p>\n<h3 id=\"causes2\">Immagini<\/h3>\n<p>Il motivo principale per cui le dimensioni delle pagine sono aumentate negli ultimi 7 anni, sono le immagini. Nel corso degli anni, le immagini sono diventate sempre pi\u00f9 frequenti ed una delle risorse principali utilizzate per attirare l&#8217;attenzione degli utenti. Raramente le persone trovano interessante da leggere un articolo, se non ci sono immagini e nessuno acquista un oggetto senza vedere come&#8217;\u00e8 fatto. Tuttavia, esistono diverse soluzioni al problema delle dimensioni delle immagini. Servizi come Optimus, Imagify, ed altri ancora, consentono di comprimere le immagini per ridurne le dimensioni che influiscono sulla dimensione del sito web, mantenendone inalterata la qualit\u00e0. Inoltre, i formati WebP e FLIF mirano a ridurre ulteriormente le dimensioni dell&#8217;immagine e quindi a ridurre le dimensioni delle pagine web.<\/p>\n<p>&nbsp;<\/p>\n<h3 id=\"causes3\">Caratteri<\/h3>\n<p>In che modo i caratteri (font) possono influenzare la velocit\u00e0 di una pagina web? Proprio come le immagini, la qualit\u00e0 dei caratteri \u00e8 migliorata in tutti questi anni e ora, ce ne sono migliaia disponibili per creare il proprio stile personale. Circa il 57% dei siti utilizza caratteri personalizzati. Nel 2017, i caratteri di un sito medio, occupavano circa 113kb di spazio, mentre nel 2010, soltanto 2kb. Il carattere \u00e8 molto importante per il brand. Dal momento che ha un certo impatto sulle dimensioni della pagina, devi scegliere un carattere che non solo si adatti allo stile del sito e del brand, ma che sia anche rapido da caricare.<\/p>\n<p>&nbsp;<\/p>\n<h3 id=\"causes4\">Video<\/h3>\n<p>L&#8217;utilizzo dei video sui siti web, \u00e8 cresciuto negli ultimi anni. I video vengono utilizzati sempre pi\u00f9 spesso per attirare l&#8217;attenzione del pubblico, per presentare un prodotto e come strumento SEO. Tuttavia, i video di alta qualit\u00e0 influiscono parecchio sulle dimensioni del sito. Negli ultimi sei anni, le dimensioni medie di un video sono cresciute fino a 174kb e, sebbene occupino solo il 7,7% circa delle dimensioni totali del sito web, diventeranno presto un problema pi\u00f9 grande, a meno che la compressione video non migliori.<\/p>\n<p>&nbsp;<\/p>\n<h3 id=\"causes5\">Pubblicit\u00e0<\/h3>\n<p>Oggi, gli annunci pubblicitari sono diventati sempre pi\u00f9 complessi. Non sono pi\u00f9 fatti di semplice testo. Per attirare attenzione, i gestori dei social media, aggiungono solitamente foto, animazioni o persino video alla loro pubblicit\u00e0 e, naturalmente, questo aumenta le dimensioni e il tempo di caricamento di un sito web. Come eviti tutto questo? Per risolvere questo problema, l&#8217;utente pu\u00f2 utilizzare un Ad Blocker che pu\u00f2 aiutare a ridurre la visibilit\u00e0 degli annunci (il browser non li carica) e quindi, la velocit\u00e0 di caricamento dovrebbe aumentare di parecchio.<\/p>\n<p>Secondo l&#8217;articolo di nytimes.com, boston.com e altri siti di notizie simili, ci vogliono circa 33 secondi per caricare 16,3 MB senza un blocco Ad Blocker, mentre il suo utilizzo riduce notevolmente il tempo di caricamento fino a 7 secondi e diminuisce anche il peso fino a 3,5 MB. Tutto questo, particolarmente efficace su dispositivi mobile o tablet.<br \/>\n\u00c8 necessario monitorare gli annunci pubblicitari del sito, per vedere come influenzano la velocit\u00e0. Regola e modifica gli annunci della tua risorsa web, in modo che occupino il minor numero di byte possibile e non espandano notevolmente le dimensioni della pagina. Oppure, puoi persino rimuovere completamente l&#8217;annuncio se vedi che rallenta troppo il sito.<\/p>\n<p>&nbsp;<\/p>\n<h2 id=\"mobiledevices\">Qual \u00e8 la situazione con i dispositivi mobile?<\/h2>\n<p>Secondo le statistiche, le persone utilizzano sempre pi\u00f9 spesso dispositivi mobile. Solo negli ultimi due anni, il numero di utenti con dispositivi mobile, tablet e cellulari, \u00e8 aumentato di centinaia di milioni, a causa del fatto che siano molto pi\u00f9 veloci e comodi da utilizzare, rispetto a PC desktop o portatili.<br \/>\nLukew.com ha scritto un articolo in merito, che fornisce i seguenti dati:<\/p>\n<p>Le connessioni 3G sono pi\u00f9 lente del 40% e le connessioni 4G del 12% rispetto alla connessione media con PC desktop;<br \/>\nSu 347 siti web presi in considerazione, circa 86% ha fornito le stesse risorse a tutti i dispositivi.<br \/>\nQuesto significa che la velocit\u00e0 della pagina ne risentir\u00e0 se non \u00e8 ottimizzata per i dispositivi mobile. \u00c8 importante per qualsiasi sito! Ci\u00f2 pu\u00f2 richiedere alcuni sacrifici, come la rimozione di un&#8217;animazione o di un video, ma le dimensioni della pagina diminuiranno in modo significativo e gli utenti dei dispositivi mobile saranno soddisfatti della velocit\u00e0 di caricamento e dell&#8217;esperienza utente. Quindi, metti sempre alla prova la velocit\u00e0 del sito!<\/p>\n<p>&nbsp;<\/p>\n<h2 id=\"conclusion\">Conclusioni<\/h2>\n<p>Il tuo sito dovrebbe essere il pi\u00f9 rapido possibile. Per questo, \u00e8 necessario fare tutto il possibile per ridurre il tempo di caricamento per ogni dispositivo; presta la massima attenzione alle immagini, in quanto tendono ad occupare la parte pi\u00f9 grande (circa il 44%) delle dimensioni totali. Tuttavia, per ridurre le dimensioni della pagina web, tutti gli aspetti (dai caratteri agli annunci pubblicitari) devono essere ottimizzati, come menzionato qui sopra, e questo \u00e8 molto importante non solo per attrarre nuovi visitatori, ma anche per mantenere alto negli anni l&#8217;interesse dei vostri affezionati clienti.<\/p>","protected":false},"excerpt":{"rendered":"La dimensione della pagina web \u00e8 importante! Non dipende dal design o dagli argomenti della pagina, ma dalle dimensioni schermo del monitor dei visitatori, \u00e8 molto pi\u00f9 semplice. Se il sito web non \u00e8 ottimizzato per ogni dimensione del monitor, crea un fastidio automatico all&#8217;utente e quindi, \u00e8 molto importante rendere il sito comodo da&#8230;","protected":false},"author":11474150,"featured_media":3353,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"pages-templates\/pages-v2.php","meta":[],"categories":[27],"tags":[],"_links":{"self":[{"href":"https:\/\/sitechecker.pro\/it\/wp-json\/wp\/v2\/pages\/16987"}],"collection":[{"href":"https:\/\/sitechecker.pro\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sitechecker.pro\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sitechecker.pro\/it\/wp-json\/wp\/v2\/users\/11474150"}],"replies":[{"embeddable":true,"href":"https:\/\/sitechecker.pro\/it\/wp-json\/wp\/v2\/comments?post=16987"}],"version-history":[{"count":13,"href":"https:\/\/sitechecker.pro\/it\/wp-json\/wp\/v2\/pages\/16987\/revisions"}],"predecessor-version":[{"id":38131,"href":"https:\/\/sitechecker.pro\/it\/wp-json\/wp\/v2\/pages\/16987\/revisions\/38131"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sitechecker.pro\/it\/wp-json\/wp\/v2\/media\/3353"}],"wp:attachment":[{"href":"https:\/\/sitechecker.pro\/it\/wp-json\/wp\/v2\/media?parent=16987"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sitechecker.pro\/it\/wp-json\/wp\/v2\/categories?post=16987"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sitechecker.pro\/it\/wp-json\/wp\/v2\/tags?post=16987"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}