{"id":1122,"date":"2011-06-04T19:15:22","date_gmt":"2011-06-04T17:15:22","guid":{"rendered":"http:\/\/xlogic.org\/blog\/?p=1122"},"modified":"2024-01-01T12:12:24","modified_gmt":"2024-01-01T11:12:24","slug":"come-migliorare-la-velocita-del-vostro-sito-con-firebug-e-pagespeed","status":"publish","type":"post","link":"https:\/\/xlogic.org\/blog\/come-migliorare-la-velocita-del-vostro-sito-con-firebug-e-pagespeed.html\/","title":{"rendered":"Come migliorare la velocit\u00e0 del sito con FireBug e PageSpeed"},"content":{"rendered":"

Avere un sito veloce o almeno un sito che non \u00e8 pi\u00f9 lento rispetto alla media, pu\u00f2 aiutare a ottenere o mantenere un buon posizionamento nei motori di ricerca e di conseguenza pu\u00f2 portare pi\u00f9 traffico al vostro sito web.\u00a0La velocit\u00e0 di un sito viene determinata dal tempo di caricamento di tutti gli elementi di una pagina web, il suo testo, le immagini, i video, etc.<\/p>\n

Gi\u00e0 nel 2010, Google ha aggiunto in\u00a0Strumenti per Webmaster\u00a0un tool: \u00a0Prestazioni del sito, in cui la velocit\u00e0 del sito viene elaborata e stabilita tramite 200 fattori, \u00a0ci\u00f2 significa che la velocit\u00e0 del sito \u00e8 molto considerata quando si lavora sull’ottimizzazione dei motori di ricerca (SEO).<\/p>\n

Come ottimizzare il proprio sito?<\/strong><\/p>\n

Compressione del sito:<\/span> usando la compressione gzip, si pu\u00f2 ridurre di molto il tempo necessario per inviare i contenuti del vostro sito ai visitatori.\u00a0La compressione agisce sugli elementi di testo del sito, \u00a0Html, JavaScript e Css e accelera il tempo necessario per caricare la pagina.\u00a0La compressione non influisce sulle immagini.<\/p>\n

Ottimizzare le immagini:<\/span> non usare immagini di grandi dimensioni, se\u00a0\u00e8 possibile impostare sempre la larghezza e l’altezza nel codice Html corrispondenti all’immagine caricata, altrimenti se l’immagine \u00e8 pi\u00f9 grossa rispetto alle dimensioni inserite nel codice Html, ci sar\u00e0 un ridimensionamento dell’immagine che rallenter\u00e0 il caricamento della pagina.<\/p>\n

Scegliere il formato del file:<\/span> non utilizzate un file JPG a meno che non si desideri includere una fotografia con una vasta gamma di colori.\u00a0Per la maggior parte delle immagini, utilizzate un file GIF o PNG, questi tipi di file si caricano pi\u00f9 velocemente.<\/p>\n

Inserire il codice in ordine ottimale:<\/span> la collocazione dei fogli di stile (CSS) v\u00e0 inserita nella parte superiore (Header) e il JavaScript in fondo al codice (Footer) per ciascuna delle vostre pagine web, questo pu\u00f2 migliorare la velocit\u00e0 percepita del tuo sito per i visitatori.<\/p>\n

Acquista un Hosting Professionale:<\/span> per la maggior parte dei siti web\u00a0\u00e8 importante avere un Hosting competente che risponde rapidamente quando hai una domanda o un problema. I\u00a0fattori che possono determinare la velocit\u00e0 o i rallentamenti del vostro sito sono sempre controllati dalla societ\u00e0 di Hosting che ospita il vostro sito web. Se stai cercando un Hosting Professionale, guarda i nostri Piani Hosting<\/a>.<\/p>\n

Usare PageSpeed per ottimizzare il proprio sito.<\/strong><\/p>\n

Page Speed \u200b\u200b\u00e8 un progetto open-source iniziato da Google per aiutare gli sviluppatori a ottimizzare le proprie pagine web. Il progetto Page Speed \u200b\u200b\u00e8 iniziato come un’estensione per browser, \u00a0ora \u00e8 distribuito come prodotto anche a terzi, come Webpagetest.org , Slow Show e Google Webmaster Tools.<\/p>\n

Come installo PageSpeed?<\/strong><\/p>\n

Prima di tutto, bisogna installare Firefox. Si pu\u00f2 scaricare tramite questa pagina\u00a0www.mozilla-europe.org\/it\/, lo installate.<\/p>\n

\"\"<\/a><\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

Ora scarichiamo ed installiamo Firebug, da questa pagina\u00a0getfirebug.com\/downloads\/<\/a><\/p>\n

\"\"<\/a><\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

A questo punto, scarichiamo ed installiamo PageSpeed, da questa pagina\u00a0code.google.com\/intl\/it-IT\/speed\/page-speed\/download.html.<\/p>\n

\"\"<\/a><\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

Ora apriamo Firefox, clicchiamo su Strumenti -> Firebug -> Avvia firebug, si aprir\u00e0 una schermata come l’immagine sotto. Per analizzare il sito, clicchiamo su Page Speed -> Analyze Performance.<\/p>\n

\"\"<\/a><\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

La velocit\u00e0 del sito viene determinata da un punteggio (Max 100), nel caso del nostro sito, gi\u00e0 ottimizzato, restituisce un punteggio di 97 su 100, quasi il massimo.<\/p>\n

\"\"<\/a><\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

Vediamo nel dettaglio cosa abbiamo ottimizzato:<\/strong><\/p>\n

Abilita la compressione:<\/span> abbiamo abilitato la compressione Gzip dal Pannello di Controllo Hosting, in alternativa si pu\u00f2 abilitare tramite file .Htaccess, inserendo il seguente codice:<\/p>\n

# BEGIN Gzip
\n<IfModule mod_deflate.c>
\nAddOutputFilterByType DEFLATE text\/text text\/html text\/plain text\/xml text\/css application\/x-javascript application\/javascript
\n<\/IfModule>
\n# END Gzip<\/p>\n

Sfrutta il caching del browser:<\/span> per sfruttare il caching del browser abbiamo inserito sempre nel file .htaccess, il seguente codice:<\/p>\n

<FilesMatch “\\.(asf|asx|wax|wmv|wmx|avi|bmp|class|divx|doc|docx|exe|gif|gz|gzip|ico|jpg|jpeg|jpe|mdb|mid|
\nmidi|mov|qt|mp3|m4a|mp4|m4v|mpeg|mpg|mpe|mpp|odb|odc|odf|odg|odp|ods|odt|ogg|pdf|png|pot|pps|ppt|
\npptx|ra|ram|swf|tar|tif|tiff|wav|wma|wri|xla|xls|xlsx|xlt|xlw|zip|ASF|ASX|WAX|WMV|WMX|AVI|BMP|CLASS|
\nDIVX|DOC|DOCX|EXE|GIF|GZ|GZIP|ICO|JPG|JPEG|JPE|MDB|MID|MIDI|MOV|QT|MP3|M4A|MP4|M4V|MPEG|
\nMPG|MPE|MPP|ODB|ODC|ODF|ODG|ODP|ODS|ODT|OGG|PDF|PNG|POT|PPS|PPT|PPTX|RA|RAM|SWF|TAR|TIF|
\nTIFF|WAV|WMA|WRI|XLA|XLS|XLSX|XLT|XLW|ZIP)$”>
\nHeader set Cache-Control “max-age=37739520, public”
\n<\/FilesMatch><\/p>\n

Minimizza CSS:<\/span> abbiamo\u00a0ridotto le dimensioni dei file CSS, scaricando il file proposto da PageSpeed e sovrascrivendo l’originale.<\/p>\n

Minimizza JavaScript:<\/span> abbiamo\u00a0ridotto le dimensioni dei file Javascript, scaricando il file proposto da PageSpeed e sovrascrivendo l’originale.<\/p>\n

Ottimizza immagini:<\/span> abbiamo\u00a0ridotto le dimensioni delle immagini, scaricando il file proposto da PageSpeed e sovrascrivendo l’originale.<\/p>\n

Minimizza HTML:<\/span> abbiamo\u00a0ridotto le dimensioni dei file Html, scaricando il file proposto da PageSpeed e sovrascrivendo l’originale.<\/p>\n

Specifica dimensioni immagine:<\/span> abbiamo specificato, in alcune immagine le dimensioni nel codice Html.<\/p>\n

 <\/p>\n

Il risultato \u00e8 notevole, 97 su 100.<\/p>\n

Giudicate voi stessi la velocit\u00e0 del nostro sito Xlogic.org<\/a><\/p>\n

 <\/p>\n

State cercando un\u00a0Hosting Professionale<\/strong>?<\/p>\n

I nostri\u00a0Piani Hosting<\/a> sono l’ideale.. <\/strong>Offriamo Hosting a prezzi contenuti e prestazioni elevate.<\/p>\n

Contattateci<\/a><\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n","protected":false},"excerpt":{"rendered":"

Avere un sito veloce o almeno un sito che non \u00e8 pi\u00f9 lento rispetto alla media, pu\u00f2 aiutare a ottenere o mantenere un buon posizionamento nei motori di ricerca e di conseguenza pu\u00f2 portare pi\u00f9 traffico al vostro sito web.\u00a0La velocit\u00e0 di un sito viene determinata dal tempo di caricamento di tutti gli elementi di […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_lmt_disableupdate":"no","_lmt_disable":"","footnotes":""},"categories":[5,1419],"tags":[165,166,8,163,164,167],"class_list":["post-1122","post","type-post","status-publish","format-standard","hentry","category-news","category-performance-e-sicurezza","tag-firebug","tag-firefox","tag-hosting","tag-ottimizzare-sito","tag-pagespeed","tag-velocizza-sito"],"modified_by":"Andrea (Xlogic.org)","_links":{"self":[{"href":"https:\/\/xlogic.org\/blog\/wp-json\/wp\/v2\/posts\/1122","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/xlogic.org\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/xlogic.org\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/xlogic.org\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/xlogic.org\/blog\/wp-json\/wp\/v2\/comments?post=1122"}],"version-history":[{"count":0,"href":"https:\/\/xlogic.org\/blog\/wp-json\/wp\/v2\/posts\/1122\/revisions"}],"wp:attachment":[{"href":"https:\/\/xlogic.org\/blog\/wp-json\/wp\/v2\/media?parent=1122"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/xlogic.org\/blog\/wp-json\/wp\/v2\/categories?post=1122"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/xlogic.org\/blog\/wp-json\/wp\/v2\/tags?post=1122"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}