Optimizandonuestrosi

333 views

Published on

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

  • Be the first to like this

No Downloads
Views
Total views
333
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
5
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • "Usabilidad es la efectividad , eficiencia y satisfacción con la que un producto permite alcanzar objetivos específicos a usuarios específicos en un contexto de uso específico”
  • Optimizandonuestrosi

    1. 1. Leonel Canton (@leonelcanton) Barcamp Guatemala 2010 Optimizando nuestro Sitio Optimizando Joomla!
    2. 2. Leonel Canton (@leonelcanton) Flisol Guatemala 2010 Optimización <ul><li>¿A qué nos referimos? </li></ul><ul><ul><li>Nuestro sitio cargue mas rápido (el objetivo de hoy) </li></ul></ul><ul><ul><li>Search Engine Optimization (SEO), mejor posicionamiento en los Buscadores (hablemos un poco también) </li></ul></ul>
    3. 3. Leonel Canton (@leonelcanton) Flisol Guatemala 2010 SEO en Joomla! <ul><li>Activemos SEF ( Search Engine Friendly) </li></ul><ul><li>Contenido adecuado </li></ul><ul><ul><li>Según nuestro publico objetivo </li></ul></ul><ul><ul><li>Original </li></ul></ul><ul><ul><li>Actualizado Constantemente </li></ul></ul><ul><ul><li>Paciencia </li></ul></ul>
    4. 4. Leonel Canton (@leonelcanton) Flisol Guatemala 2010 Configurando el SEO <ul><li>En la configuración Global, veremos los tres parámetros que necesitamos. </li></ul><ul><ul><li>Noten que el segundo posee un signo de precaución </li></ul></ul>
    5. 5. Leonel Canton (@leonelcanton) Flisol Guatemala 2010 Configurando el SEO (resultado individual) <ul><li>Search Engine Friendly URLs </li></ul><ul><ul><li>http://www.adlcweb.com/index.php/guatemala </li></ul></ul><ul><li>Use Apache mod_rewrite </li></ul><ul><ul><li>http://www.adlcweb.com/index.php?option=com_sectionex&view=category&id=7&Itemid=79 </li></ul></ul><ul><li>Add suffix to URLs </li></ul><ul><ul><li>Igual que el anterior </li></ul></ul>
    6. 6. Leonel Canton (@leonelcanton) Flisol Guatemala 2010 Configurando el SEO <ul><li>Search Engine Friendly URLs y Use Apache mod_rewrite </li></ul><ul><ul><li>http://www.adlcweb.com/guatemala </li></ul></ul><ul><li>Y si agregamos Add suffix to URLs </li></ul><ul><ul><li>http://www.adlcweb.com/guatemala.html </li></ul></ul>
    7. 7. Leonel Canton (@leonelcanton) Flisol Guatemala 2010 Apache mod_rewrite “ Welcome to mod_rewrite, the Swiss Army Knife of URL manipulation!” http://httpd.apache.org/docs/2.1/rewrite/
    8. 8. Leonel Canton (@leonelcanton) Flisol Guatemala 2010 Htaccess <ul><li>Archivo de configuración a nivel de directorio </li></ul><ul><li>Funciones </li></ul><ul><ul><li>Authorization, authentication </li></ul></ul><ul><ul><li>Rewriting URLs </li></ul></ul><ul><ul><li>Blocking </li></ul></ul><ul><ul><li>Server-side includes. </li></ul></ul><ul><ul><li>Directory listing </li></ul></ul><ul><ul><li>Customized error responses </li></ul></ul><ul><ul><li>MIME types </li></ul></ul><ul><ul><li>Cache Control </li></ul></ul>
    9. 9. Leonel Canton (@leonelcanton) Flisol Guatemala 2010 Experiencia del Usuario <ul><li>Percepción </li></ul><ul><ul><li>Esta en el ojo del Visitante </li></ul></ul><ul><li>Usabilidad </li></ul><ul><li>No siempre el tiempo entre descarga y descarga es lo más importante. </li></ul>
    10. 10. Usabilidad <ul><li>ISO 9241: Part 11 &quot;The extent to which a product can be used by specified users to achieve specified goals with effectiveness, efficiency and satisfaction in a specified context of use&quot; </li></ul>
    11. 11. Leonel Canton (@leonelcanton) Flisol Guatemala 2010 Tiempo de Respuesta <ul><li>Métricas adecuadas </li></ul><ul><ul><li>Yslow </li></ul></ul><ul><ul><li>websiteoptimization.com </li></ul></ul><ul><li>Configuración del Servidor </li></ul><ul><li>Creación de la página </li></ul>
    12. 12. YSlow <ul><li>Analiza las páginas Web y sugiere formas para mejorar su performance en base una serie de reglas </li></ul>Leonel Canton (@leonelcanton) Flisol Guatemala 2010
    13. 13. Las Mejores Practicas para Optimizar su Sitio Web <ul><li>http://developer.yahoo.com/performance/rules.html </li></ul>Leonel Canton (@leonelcanton) Flisol Guatemala 2010 Content (6) Cookie (2) CSS (6) Images (2) JavaScript (4) Server (5) Mobile (2)
    14. 14. Yslow <ul><li>Cada regla, es probada en nuestro sitio y la herramienta le asigna una calificación en punteo, además de una letra. </li></ul><ul><li>Nuestro Objetivo </li></ul><ul><li>A (90 pts) </li></ul>
    15. 15. Joomla! en localhost <ul><li>Wampserver 2.0 (Win XP) </li></ul><ul><li>Joomla 1.5.15 </li></ul><ul><li>Datos de ejemplo </li></ul>
    16. 16. Etag <ul><li>Entity tags (ETags) son mecanismos para revisar por una nueva versión del archivo disponible en el cache. </li></ul><ul><li>¿ Configurar o eliminar ETags? </li></ul><ul><ul><li>Si no lo va a manejar, es mejor eliminarlo </li></ul></ul><ul><ul><li>http://www.websiteoptimization.com/secrets/advanced/configure-etags.html </li></ul></ul>
    17. 17. Yslow (menos Etag)
    18. 18. Compress Components <ul><li>Configurando Joomla! </li></ul>
    19. 19. Compress Components
    20. 20. CssJsCompress <ul><li>Plugin gratuito de joomlatag ( http://extensions.joomla.org/extensions/site-management/site-performance/7350 ) </li></ul><ul><li>Luego de Instalarlo y Nos ayudará a con los css y js que aparecen, sustituyendolos por un archivo comprimido. </li></ul>
    21. 21. CssJsCompress
    22. 22. Expires Headers <ul><li>Necesitamos modulo headers de apache </li></ul>
    23. 23. Expires Headers <ul><li>Otra forma </li></ul>
    24. 24. Expires Headers
    25. 25. Algunas Referencias <ul><li>http://www.slideshare.net/natekoechley/high-performance-web-sites-2008 </li></ul><ul><li>http://stackoverflow.com/questions/373725/javascript-compression-via-htaccess </li></ul><ul><li>http://www.askapache.com/htaccess/apache-speed-expires.html </li></ul>

    ×