{"id":255573,"date":"2023-08-21T09:47:00","date_gmt":"2023-08-21T06:47:00","guid":{"rendered":"https:\/\/inform.click\/mobile-friendly-e-velocita-del-sito-due-elementi-importanti-da-considerare-quando-si-progetta-un-sito-web\/"},"modified":"2023-08-21T09:50:00","modified_gmt":"2023-08-21T06:50:00","slug":"mobile-friendly-e-velocita-del-sito-due-elementi-importanti-da-considerare-quando-si-progetta-un-sito-web","status":"publish","type":"post","link":"https:\/\/inform.click\/it\/mobile-friendly-e-velocita-del-sito-due-elementi-importanti-da-considerare-quando-si-progetta-un-sito-web\/","title":{"rendered":"Mobile Friendly e velocit\u00e0 del sito: due elementi importanti da considerare quando si progetta un sito Web?"},"content":{"rendered":"<p>\n  Nell'odierno mondo del web 2.0 tutto ruota attorno a Internet. Se cerchi un idraulico vai sul web. Se cerchi un ristorante locale vai sul web. Se vuoi comprare una casa, indovina un po'? Vai sul web.\n<\/p>\n<p>\n  Non ci sono pi\u00f9 persone che usano le pagine gialle per trovare un'attivit\u00e0 per un bisogno o un desiderio. Stanno andando sul Web in quanto fornisce le informazioni pi\u00f9 accurate e rapide.\n<\/p>\n<p>\n  Per ottenere queste informazioni da cinque a sette anni fa, una persona andava sul proprio computer desktop o portatile di casa o di lavoro, apriva un browser web e un motore di ricerca e faceva una ricerca.\n<\/p>\n<p>\n  Oggi il panorama \u00e8 completamente cambiato poich\u00e9 le persone non si limitano a utilizzare laptop e desktop per ottenere informazioni, ma utilizzano dispositivi mobili, inclusi smartphone e tablet.\n<\/p>\n<h5>\n  Il tuo sito web \u00e8 ottimizzato per i dispositivi mobili?<br \/>\n<\/h5>\n<p>\n  Ci\u00f2 significa che un sito Web che ha un bell'aspetto su un computer desktop o portatile probabilmente non ha un bell'aspetto se visualizzato tramite un dispositivo mobile portatile. La copia \u00e8 troppo piccola, i collegamenti sono minuscoli e devi scorrere lateralmente per vedere tutto il contenuto. Non solo il sito non \u00e8 facile da usare, ma ora potrebbe anche avere un impatto (molto importante, potenzialmente estremamente negativo) con i motori di ricerca, in particolare Google.\n<\/p>\n<p>\n  Cosa si traduce esattamente anche questo? Fondamentalmente se il tuo sito web non \u00e8 adattivo per un dispositivo mobile, pu\u00f2 perdere classifiche organiche con i motori di ricerca. Ci\u00f2 significa che quando qualcuno visita Google sul proprio telefono o tablet e cerca un idraulico, c'\u00e8 una buona probabilit\u00e0 che tu non venga visualizzato e se lo fai molto probabilmente non sarai nella prima pagina dei risultati.\n<\/p>\n<p>\n  Inoltre, Google sta ora inserendo un'etichetta &#8220;mobile-friendly&#8221; sui suoi risultati di ricerca per dispositivi mobili. Un sito web \u00e8 idoneo per questa etichetta se soddisfa i seguenti criteri rilevati dall'algoritmo di Google:\n<\/p>\n<ul>\n<li>Evita il software che non \u00e8 comune sui dispositivi mobili come Adobe Flash.\n  <\/li>\n<li>Usa dimensioni del testo leggibili senza zoom.\n  <\/li>\n<li>I collegamenti sono posizionati abbastanza distanti in modo che quello corretto possa essere facilmente sfruttato per l'utente.\n  <\/li>\n<li>Il contenuto si adatta allo schermo, quindi gli utenti non devono scorrere orizzontalmente per visualizzarlo.\n  <\/li>\n<\/ul>\n<h5>\n  Il test di ottimizzazione mobile<br \/>\n<\/h5>\n<p>\n  Un webmaster o un imprenditore pu\u00f2 verificare quanto sia ottimizzato per i dispositivi mobili il proprio sito visitando la pagina <a href=\"https:\/\/www.google.com\/webmasters\/tools\/mobile-friendly\/\" target=\"_blank\" rel=\"noopener\">del test di ottimizzazione mobile di Google<\/a>. Se il sito non supera il test, Google ti fornir\u00e0 informazioni e suggerimenti su come rendere il sito ottimizzato per i dispositivi mobili.\n<\/p>\n<p>\n  Molti sistemi di gestione dei contenuti (CMS) come WordPress, Drupal e Joomla ora offrono assistenza su come migrare il tuo sito Web ottimizzato per il desktop in un sito adattivo e ottimizzato per i dispositivi mobili.\n<\/p>\n<p>\n  Prima di farlo, per\u00f2, assicurati di eseguire il backup del tuo sito attuale e di aggiornare il tuo attuale CMS all'ultima versione. In alcune situazioni, un aggiornamento all'ultima versione applicher\u00e0 automaticamente gli aggiornamenti di sicurezza necessari e render\u00e0 il tuo sito ottimizzato per i dispositivi mobili. Se il processo non viene attivato automaticamente, assicurati di inviare manualmente l'aggiornamento per evitare violazioni della sicurezza.\n<\/p>\n<p>\n  Se il CMS che utilizzi offre temi personalizzati, assicurati che la versione che scegli sia ottimizzata per i dispositivi mobili. In caso contrario, potrebbe essere necessario ricominciare da capo.\n<\/p>\n<h5>\n  Quanto \u00e8 veloce il caricamento del tuo sito web?<br \/>\n<\/h5>\n<p>\n  Oltre a rendere il tuo sito ottimizzato per i dispositivi mobili, un altro elemento importante da considerare durante la progettazione del tuo sito Web \u00e8 la velocit\u00e0 del sito. Se un sito Web impiega troppo tempo per caricarsi, c'\u00e8 una buona possibilit\u00e0 che l'utente rimbalzi e vada su uno che si carica pi\u00f9 velocemente. Infatti, secondo numerosi sondaggi e studi, quasi la met\u00e0 degli utenti web si aspetta che un sito si carichi in due secondi o meno. Quelle stesse persone abbandoneranno un sito che non viene caricato entro tre secondi. Per rendere le cose ancora pi\u00f9 grandi, il 79% degli acquirenti web che hanno problemi con le prestazioni del sito web afferma che non torneranno sul sito per acquistare di nuovo e circa il 44% di loro direbbe a un amico se ha avuto una scarsa esperienza di acquisto online.\n<\/p>\n<p>\n  Oltre a perdere potenziali clienti a causa del tempo di caricamento lungo, un sito Web lento pu\u00f2 effettivamente danneggiare anche il tuo posizionamento su Google. Questo perch\u00e9 Google ha indicato che la velocit\u00e0 del sito \u00e8 uno dei segnali utilizzati dal suo algoritmo per classificare le pagine. Una bassa velocit\u00e0 della pagina web significa anche che il motore di ricerca pu\u00f2 scansionare meno pagine, il che potrebbe significare che meno pagine vengono indicizzate da Google. In sostanza, tutto ci\u00f2 significa che stai perdendo affari se il tuo sito web si carica lentamente.\n<\/p>\n<h5>\n  Il test Page Speed \u200b\u200bInsights di Google<br \/>\n<\/h5>\n<p>\n  Analogamente al test ottimizzato per i dispositivi mobili, Google offre uno <a href=\"https:\/\/developers.google.com\/speed\/pagespeed\/insights\/\" target=\"_blank\" rel=\"noopener\">strumento Page Speed \u200b\u200bInsights<\/a> gratuito. Questo strumento misura le prestazioni di una pagina Web sia per desktop che per dispositivi mobili.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-236276-6381f6fe8cd79.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-236276-6381f6fe8cd79.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Una volta copiato e incollato l'URL nello strumento, verr\u00e0 visualizzato un punteggio compreso tra zero e cento punti. Pi\u00f9 alto \u00e8 il punteggio, migliore \u00e8 il tuo sito per l'algoritmo di Google e un punteggio di 85 o superiore indica che la pagina sta funzionando bene.\n<\/p>\n<p>\n  Con Page Speed \u200b\u200bInsights impari come il tuo sito web pu\u00f2 migliorare su vari aspetti chiave, tra cui il tempo trascorso dal momento in cui un utente richiede una nuova pagina fino al momento in cui il contenuto above the fold della nuova pagina viene visualizzato dal browser. Misura anche il tempo trascorso dal momento in cui un utente richiede una nuova pagina al momento in cui la pagina viene completamente visualizzata dal browser.\n<\/p>\n<p>\n  Poich\u00e9 la rete degli utenti potrebbe influire notevolmente su questa velocit\u00e0, Page Speed \u200b\u200bInsights considera solo gli aspetti indipendenti dalla rete delle prestazioni della pagina. Ci\u00f2 include la configurazione del server, la struttura HTML e l'uso di risorse esterne come immagini, CSS e JavaScript.\n<\/p>\n<p>\n  Ad esempio, ottimizzando il codice (inclusa la rimozione di spazi, virgole e altri caratteri non necessari), puoi <a href=\"https:\/\/inform.click\/it\/come-migliorare-la-velocita-del-sito-web-wordpress-8-consigli-semplici-ma-efficaci\/\" title=\"aumentare notevolmente la velocit\u00e0 della pagina.\">aumentare notevolmente la velocit\u00e0 della pagina.<\/a> Rimuovi anche i commenti sul codice, la formattazione e il codice inutilizzato. Google consiglia di utilizzare <a href=\"https:\/\/developer.yahoo.com\/yui\/compressor\/\" target=\"_blank\" rel=\"noopener\">YUI Compressor<\/a> sia per CSS che per JavaScript.\n<\/p>\n<p>\n  La riduzione dei reindirizzamenti migliorer\u00e0 anche la velocit\u00e0 del sito. Questo perch\u00e9 ogni volta che una pagina reindirizza a un'altra pagina, il visitatore deve affrontare pi\u00f9 tempo in attesa del completamento del ciclo di richiesta-risposta HTTP. Ad esempio, se il tuo modello di reindirizzamento mobile \u00e8 simile al seguente: &#8220;ABC.com -&gt; www.ABC.com -&gt; m.ABC.com -&gt; m.ABC.com\/home&#8221;, ciascuno di questi due reindirizzamenti aggiuntivi rende la tua pagina caricare pi\u00f9 lentamente.\n<\/p>\n<p>\n  I webmaster dovrebbero sempre sfruttare la memorizzazione nella cache del browser. Ci\u00f2 include elementi come immagini, fogli di stile e altri. Ci\u00f2 si verifica in modo che un visitatore che torna sul tuo sito Web non debba ricaricare l'intera pagina. Usando uno strumento come <a href=\"https:\/\/addons.mozilla.org\/en-US\/firefox\/addon\/YSlow\/\" target=\"_blank\" rel=\"noopener\">YSlow<\/a> puoi vedere se hai gi\u00e0 una data di scadenza impostata per la tua cache. Una volta scoperto, puoi impostare un'intestazione &#8220;scade&#8221; per quanto tempo desideri che le informazioni vengano memorizzate nella cache. A meno che il tuo sito non cambi frequentemente, un anno \u00e8 un tempo ragionevole per impostarlo.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-236276-6381f7009187a.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-236276-6381f7009187a.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Cerca sempre modi per migliorare i tempi di risposta del tuo server. Per fare ci\u00f2, esamina vari colli di bottiglia delle prestazioni come query di database lente, instradamento lento o mancanza di memoria adeguata. I tempi di risposta ottimali del server dovrebbero essere inferiori a 200 millisecondi.\n<\/p>\n<h5>\n  Le immagini potrebbero anche svolgere un ruolo importante nella velocit\u00e0 del tuo sito web.<br \/>\n<\/h5>\n<p>\n  I PNG sono in genere il miglior formato di file per la grafica con meno di 16 colori. I JPEG sono generalmente il formato ideale per le foto. Assicurati che siano anche compressi per il web e che non sia assolutamente necessario caricare foto a 200 e 300 DPI.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-236276-6381f7028727e.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-236276-6381f7028727e.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Un suggerimento che potresti voler provare \u00e8 utilizzare <a href=\"http:\/\/csssprites.com\/\" target=\"_blank\" rel=\"noopener\">gli sprite CSS<\/a> per creare un modello per le immagini che usi frequentemente come icone, il tuo logo e altri pulsanti di uso comune. Gli sprite CSS combineranno le tue immagini in un'immagine pi\u00f9 grande che si carica tutta in una volta. Ci\u00f2 significa meno richieste HTTP, il che equivale a risparmiare sui tempi di caricamento non costringendo gli utenti ad attendere il caricamento di pi\u00f9 immagini.\n<\/p>\n<p>\n  Infine, un'altra opzione per aumentare la velocit\u00e0 di caricamento dei siti consiste nell'utilizzare una rete di distribuzione dei contenuti o CDN. Questa rete di server viene utilizzata per distribuire il carico di consegna dei contenuti. Fondamentalmente, ci\u00f2 significa che le copie del tuo sito Web sono archiviate in pi\u00f9 data center geograficamente diversi in modo che gli utenti abbiano un accesso pi\u00f9 rapido e affidabile al sito Web ovunque nel mondo si trovino fisicamente.\n<\/p>\n<p>\n  Sebbene la creazione di un ottimo sito Web possa essere entusiasmante e gratificante, dovrai assicurarti che sia ottimizzato correttamente. Ci\u00f2 include assicurarsi che sia ottimizzato per i dispositivi mobili e ottimizzato per la velocit\u00e0 del sito. In caso contrario, vi \u00e8 una forte possibilit\u00e0 che tu possa perdere affari potenzialmente nuovi e ripetuti.\n<\/p>\n<\/p>\n<div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">\n  Fonte di registrazione: <a target=\"_blank\" rel=\"noopener nofollow\" data-pssr=\"\" href=\"http:\/\/www.instantshift.com\/2015\/09\/09\/mobile-friendly-site-speed\/\">instantshift.com<\/a>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Nell&#8217;odierno mondo del web 2.0 tutto ruota attorno a Internet. Se cerchi un idraulico vai sul web. Se cerchi un ristorante locale vai sul web. Se vuoi comprare una casa, indovina un po&#8217;? Vai sul web. Non ci sono pi\u00f9 persone che usano le pagine gialle per trovare un&#8217;attivit\u00e0 per un bisogno o un desiderio. Stanno andando sul Web in quanto fornisce le informazioni pi\u00f9 accurate e rapide. Per ottenere queste informazioni da cinque a sette anni fa, una persona andava sul proprio desktop di casa o di lavoro o&#8230;<\/p>\n","protected":false},"author":1,"featured_media":155657,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[121,199,56,147],"tags":[],"class_list":["post-255573","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-strumenti-web","category-web-design","category-web-e-wordpress","category-web-suggerimenti-e-trucchi"],"_links":{"self":[{"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/posts\/255573","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/comments?post=255573"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/posts\/255573\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/media\/155657"}],"wp:attachment":[{"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/media?parent=255573"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/categories?post=255573"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/tags?post=255573"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}