0
Ottimizzare wordpress(non solo) per i motori di ricerca<br />Convegno GT – Riccione, 6 Dicembre 2009<br />Tiziano Fogliata...
Harder<br />Faster<br />Better<br />Stronger<br />
Google vorrebbeche le pagine web fossero così,ma non è il solo<br />
Spesso però sono così…<br />
L’irresistibile fascino dei<br />plugin per WordPress<br />
La velocità di un sito ha un impatto diretto<br />sulla percezione degli utenti<br />Più utile<br />Di qualità<br />Credib...
Anche se la banda disponibile<br />è in aumento<br />non è un buon motivo<br />per non ottimizzare<br />
Come misurare la velocità<br />
Firebug per MozillaFirefox:<br />http://getfirebug.com/<br />Yahoo! Yslow per Firebug:http://developer.yahoo.com/yslow/<br...
Alcune soluzioni lato server per WordPress<br />WP Super Cache:<br />http://wordpress.org/extend/plugins/wp-super-cache/<b...
Altre aree di intervento<br /><ul><li>Minimizzare le richieste HTTP (CSS Sprites  (http://spriteme.org/) e Imagemaps)
Usare un Content Delivery Network (per distribuire i contenuti da server situati inaree geografiche differenti)
Usare gli mod_expires o gli header per il controllo della cache del browser
Sfruttare la compressione Gzip
CSS in alto e JavaScript in basso ed esternalizzarli
Ridurre i DNS Lookup (evitare di caricare troppi elementi provenientida domini diversi)
Ottimizzare le immagini
Evitare i redirect
Ridurre la dimensione dei cookie</li></ul>http://developer.yahoo.com/performance/rules.html<br />
Potete provare ad abilitare<br />la compressione Gzipaggiungendo alcune righe<br />al vostro file .htaccess<br />&lt;IfMod...
Per i file che non modificate frequentemente inserite<br />queste righe in modo che il browser li conservi in cachesenza v...
Può tornare utile un plugin come PHP Speedy<br />http://aciddrop.com/2009/02/02/php-speedy-wp-052-bug-fix/<br />Permettedi...
Un CDN per WordPress<br />Troppo complicato per un semplice blog?<br />
UnitedStatesAshburn, VA Dallas/Fort Worth, TXLos Angeles, CAMiami, FLNewark, NJPalo Alto, CASeattle, WASt. Louis, MO<br />...
CloudBerry S3 Explorer<br />http://cloudberrylab.com/<br />
Impostare i CNAME<br />In modo da usare il proprio dominio perdistribuire i file<br />
Amazon S3 Plugin for WordPresshttp://wordpress.org/extend/plugins/tantan-s3/<br />
CDN Rewrites pluginhttp://wordpress.org/extend/plugins/cdn-rewrites/<br />
…e per le immagini già presenti sul blog?<br />Basta un semplice comando SQLsul database:<br />UPDATE wp_posts SET post_co...
Ora che è veloce, rendiamolo più attraente<br />
Perché accontentarsi dei semplici commenti?<br />
IntenseDebate<br />http://www.intensedebate.com<br />DISQUS<br />http://disqus.com/<br />
Upcoming SlideShare
Loading in...5
×

Ottimizzare WordPress non solo per i motori di ricerca

1,807

Published on

La presentazione del mio intervento sull'ottimizzazione di WordPress al ConvegnoGT del 06/12/2009

Published in: Technology, Design
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,807
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
29
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

Transcript of "Ottimizzare WordPress non solo per i motori di ricerca"

  1. 1. Ottimizzare wordpress(non solo) per i motori di ricerca<br />Convegno GT – Riccione, 6 Dicembre 2009<br />Tiziano Fogliata<br />http://www.motoricerca.net http://www.fogliata.net/ <br />tiziano.fogliata@gmail.com<br />
  2. 2. Harder<br />Faster<br />Better<br />Stronger<br />
  3. 3. Google vorrebbeche le pagine web fossero così,ma non è il solo<br />
  4. 4. Spesso però sono così…<br />
  5. 5.
  6. 6.
  7. 7. L’irresistibile fascino dei<br />plugin per WordPress<br />
  8. 8.
  9. 9. La velocità di un sito ha un impatto diretto<br />sulla percezione degli utenti<br />Più utile<br />Di qualità<br />Credibile<br />Autorevole<br />
  10. 10. Anche se la banda disponibile<br />è in aumento<br />non è un buon motivo<br />per non ottimizzare<br />
  11. 11. Come misurare la velocità<br />
  12. 12. Firebug per MozillaFirefox:<br />http://getfirebug.com/<br />Yahoo! Yslow per Firebug:http://developer.yahoo.com/yslow/<br />Google PageSpeed:http://code.google.com/intl/it-IT/speed/page-speed/<br />PingdomTools:http://tools.pingdom.com/<br />
  13. 13.
  14. 14.
  15. 15. Alcune soluzioni lato server per WordPress<br />WP Super Cache:<br />http://wordpress.org/extend/plugins/wp-super-cache/<br />Optimize DB:http://wordpress.org/extend/plugins/optimize-db/<br />Usare acceleratori PHP (eAccelerator) e eseguiretuningMySQL (query_cache)<br />Trovare un hosting migliore<br />…ma non sempre è colpa del server<br />
  16. 16. Altre aree di intervento<br /><ul><li>Minimizzare le richieste HTTP (CSS Sprites (http://spriteme.org/) e Imagemaps)
  17. 17. Usare un Content Delivery Network (per distribuire i contenuti da server situati inaree geografiche differenti)
  18. 18. Usare gli mod_expires o gli header per il controllo della cache del browser
  19. 19. Sfruttare la compressione Gzip
  20. 20. CSS in alto e JavaScript in basso ed esternalizzarli
  21. 21. Ridurre i DNS Lookup (evitare di caricare troppi elementi provenientida domini diversi)
  22. 22. Ottimizzare le immagini
  23. 23. Evitare i redirect
  24. 24. Ridurre la dimensione dei cookie</li></ul>http://developer.yahoo.com/performance/rules.html<br />
  25. 25. Potete provare ad abilitare<br />la compressione Gzipaggiungendo alcune righe<br />al vostro file .htaccess<br />&lt;IfModule mod_deflate.c&gt;AddOutputFilterByType DEFLATE text/html text/plain text/xml text/css<br />application/javascript application/x-javascript application/x-httpd-php&lt;/IfModule&gt;<br />
  26. 26.
  27. 27. Per i file che non modificate frequentemente inserite<br />queste righe in modo che il browser li conservi in cachesenza verificare ogni volta se ne esisteuna versione più aggiornata<br /> &lt;IfModule mod_expires.c&gt;<br />ExpiresActive on<br />ExpiresByTypeimage/gif &quot;access plus 1 month&quot;<br />ExpiresByTypeimage/jpeg &quot;access plus 1 month&quot;<br />ExpiresByTypeimage/png &quot;access plus 1 month&quot;<br />ExpiresByType text/css &quot;access plus 1 month&quot;<br />ExpiresByTypeapplication/javascript &quot;access plus 1 month&quot;<br />ExpiresByTypeapplication/x-javascript &quot;access plus 1 month&quot;<br /> &lt;/IfModule&gt;<br />Se mod_expires non è disponibile:<br /> &lt;FilesMatch &quot;.(ico|jpg|jpeg|png|gif|js|css)$&quot;&gt;<br />Header set Expires &quot;Sun, 2 Jan 2011 01:00:00 GMT&quot;<br />Header set Cache-Control &quot;max-age=315360000&quot;<br />HeaderunsetPragma<br /> &lt;/FilesMatch&gt;<br />
  28. 28. Può tornare utile un plugin come PHP Speedy<br />http://aciddrop.com/2009/02/02/php-speedy-wp-052-bug-fix/<br />Permettediraggrupparepiù file<br />in mododaridurre le richieste<br />HTTP, riducei file Javascript e<br />CSS, effettua la compressione<br />GZIP e aggiungegli expires<br />headers<br />
  29. 29. Un CDN per WordPress<br />Troppo complicato per un semplice blog?<br />
  30. 30. UnitedStatesAshburn, VA Dallas/Fort Worth, TXLos Angeles, CAMiami, FLNewark, NJPalo Alto, CASeattle, WASt. Louis, MO<br />EuropeAmsterdamDublinFrankfurtLondon<br />AsiaHong KongTokyo<br />Amazon CloudFronthttp://aws.amazon.com/cloudfront/<br />Costi dai server europei<br />Data Transfer<br />$0.170 per GB – first 10TB / month data transfer out$0.120 per GB – next 40 TB / month data transfer out$0.100 per GB – next 100 TB / month data transfer out$0.090 per GB – next 100 TB / month data transfer out$0.080 per GB – next 250 TB / month data transfer out$0.070 per GB – next 250 TB / month data transfer out$0.060 per GB – next 250 TB / month data transfer out$0.050 per GB – data transfer out / monthover 1,000 TB<br />Dati conservati su Amazon S3<br />
  31. 31. CloudBerry S3 Explorer<br />http://cloudberrylab.com/<br />
  32. 32.
  33. 33. Impostare i CNAME<br />In modo da usare il proprio dominio perdistribuire i file<br />
  34. 34. Amazon S3 Plugin for WordPresshttp://wordpress.org/extend/plugins/tantan-s3/<br />
  35. 35. CDN Rewrites pluginhttp://wordpress.org/extend/plugins/cdn-rewrites/<br />
  36. 36. …e per le immagini già presenti sul blog?<br />Basta un semplice comando SQLsul database:<br />UPDATE wp_posts SET post_content = REPLACE (<br />post_content, ‘vecchioURL/wp-content/upload/&apos;, ‘nuovoURL/wp-content/upload/&apos;);<br />
  37. 37. Ora che è veloce, rendiamolo più attraente<br />
  38. 38. Perché accontentarsi dei semplici commenti?<br />
  39. 39. IntenseDebate<br />http://www.intensedebate.com<br />DISQUS<br />http://disqus.com/<br />
  40. 40.
  41. 41. SEO Plugin<br />All In One SEO Pack<br />http://wordpress.org/extend/plugins/all-in-one-seo-pack/<br />HeadSpace2http://wordpress.org/extend/plugins/headspace2/<br />Oltre a title, description e noindex consente numerose<br />altre opzioni come i temi personalizzati in base alla<br />pagina, suggerisce i tag, consente modifiche di massa<br />e altro ancora. Però è più complesso ed in alcuni casi<br />si verificano incompatibilità con altri plugin<br />
  42. 42. Diamo il benvenuto ai visitatori<br />
  43. 43. WP Greet Box<br />http://wordpress.org/extend/plugins/wp-greet-box/<br />
  44. 44. Non tralasciamo il settore mobile<br />Pageview da dispositivi mobili che usano Opera Mini<br />da sett ‘08 a sett ‘09 +230%<br />Fonte: Opera State of the Mobile Web<br />
  45. 45. WordPress Mobile Edition<br />http://wordpress.org/extend/plugins/wordpress-mobile-edition/<br />WPtouch<br />http://wordpress.org/extend/plugins/wptouch/<br />
  46. 46. Non dimentichiamo la sicurezza<br />WordPress Exploit Scanner:<br />http://wordpress.org/extend/plugins/exploit-scanner/<br />Login LockDown:http://wordpress.org/extend/plugins/login-lockdown/<br />AskApache Password Protect:http://wordpress.org/extend/plugins/askapache-password-protect/<br />WP Security Scan:http://wordpress.org/extend/plugins/wp-security-scan/<br />Antivirus forWordPress<br />http://wordpress.org/extend/plugins/antivirus/<br />
  47. 47. Grazie a Giorgio e a tutti gli organizzatori per il gradito invito e per avere reso possibile questo evento.<br />Grazie a tutti voi per l’attenzione.<br />
  48. 48. http://www.motoricerca.net<br />http://www.fogliata.net<br />http://twitter.com/tixx<br />http://friendfeed.com/tixx<br />
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×