{"id":223,"date":"2010-09-26T09:34:15","date_gmt":"2010-09-26T07:34:15","guid":{"rendered":"https:\/\/blogs.ua.es\/pi\/?p=223"},"modified":"2014-02-01T14:53:33","modified_gmt":"2014-02-01T13:53:33","slug":"consejos-para-mejorar-el-rendimiento-de-una-pagina-web-el-cliente","status":"publish","type":"post","link":"https:\/\/blogs.ua.es\/pi\/2010\/09\/26\/consejos-para-mejorar-el-rendimiento-de-una-pagina-web-el-cliente\/","title":{"rendered":"Consejos para mejorar el rendimiento de una p\u00e1gina web: el cliente"},"content":{"rendered":"<p>La mejora del rendimiento de una p\u00e1gina web es un elemento clave en el desarrollo de un sitio web, pero muchas veces se descuida. Cuando un sitio web soporta una gran carga de peticiones y se &#8220;hunde&#8221; su tiempo de respuesta, optimizar las p\u00e1ginas web puede ser la \u00fanica soluci\u00f3n ya que puede ser dif\u00edcil o imposible optimizar el servidor web (est\u00e1 perfectamente configurado y no hay dinero para comprar otro).<\/p>\n<p>Mejorar el rendimiento de una p\u00e1gina web es muy importante porque influye en la experiencia de usuario y puede ser la clave para que un usuario retorne a nuestro sitio web o no vuelva nunca m\u00e1s.<\/p>\n<p>En Internet podemos encontrar numerosos art\u00edculos sobre c\u00f3mo mejorar el rendimiento de una p\u00e1gina web. Los siguientes art\u00edculos se refieren a optimizan en el lado del cliente, aunque tambi\u00e9n hay algunos consejos que se tienen que aplicar en el lado del servidor:<\/p>\n<h2><a href=\"http:\/\/developer.yahoo.com\/performance\/rules.html\">Yahoo! Best Practices for Speeding Up Your Web Site<\/a><\/h2>\n<p>35 consejos (best practices) ordenados en 7 categor\u00edas (contenido, servidor, cookie, CSS, JavaScript, im\u00e1genes y m\u00f3vil). Algunos ejemplos de los consejos:<\/p>\n<ul>\n<li>Minimiza las peticiones HTTP: cuantos menos ficheros, menos peticiones al servidor, mucho mejor. Por ejemplo, combina los CSS y los scripts en uno solo.<\/li>\n<li>Coloca CSS y JavaScript en ficheros externos: cuando un CSS o un c\u00f3digo en JavaScript sea empleado en muchas p\u00e1ginas, col\u00f3calo en ficheros externos. De este modo, el navegador los podr\u00e1 guardar en la cach\u00e9 y se reducir\u00e1 la descarga de infomaci\u00f3n.<\/li>\n<li>Utiliza GET en las peticiones AJAX: si se usa POST, se env\u00eda dos paquetes TCP. Con GET se puede reducir, pero recuerda que las URL tienen un tama\u00f1o limitado (sobre 2 Kb).<\/li>\n<\/ul>\n<h2><a href=\"http:\/\/stevesouders.com\/hpws\/rules.php\">14 Rules for Faster-Loading Web Sites<\/a><\/h2>\n<p>Orece los siguientes 14 consejos, algunos muy parecidos a los de Yahoo! (o quiz\u00e1s fue al rev\u00e9s):<\/p>\n<ul>\n<li>Rule 1 &#8211; Make Fewer HTTP Requests<\/li>\n<li>Rule 2 &#8211; Use a Content Delivery Network<\/li>\n<li>Rule 3 &#8211; Add an Expires Header<\/li>\n<li>Rule 4 &#8211; Gzip Components<\/li>\n<li>Rule 5 &#8211; Put Stylesheets at the Top<\/li>\n<li>Rule 6 &#8211; Put Scripts at the Bottom<\/li>\n<li>Rule 7 &#8211; Avoid CSS Expressions<\/li>\n<li>Rule 8 &#8211; Make JavaScript and CSS External<\/li>\n<li>Rule 9 &#8211; Reduce DNS Lookups<\/li>\n<li>Rule 10 &#8211; Minify JavaScript<\/li>\n<li>Rule 11 &#8211; Avoid Redirects<\/li>\n<li>Rule 12 &#8211; Remove Duplicate Scripts<\/li>\n<li>Rule 13 &#8211; Configure ETags<\/li>\n<li>Rule 14 &#8211; Make AJAX Cacheable<\/li>\n<\/ul>\n<p>Estos consejos est\u00e1n escritos por Steve Souders, autor de dos libros sobre este tema: High Performance Web Sites y Even Faster Web Sites.<\/p>\n<h2><a href=\"http:\/\/code.google.com\/intl\/es-ES\/speed\/index.html\">Exploremos la Web de forma m\u00e1s r\u00e1pida<\/a><\/h2>\n<p>Consejos, ejemplos y <a href=\"http:\/\/code.google.com\/intl\/es-ES\/speed\/articles\/\">art\u00edculos<\/a> de Google. Tambi\u00e9n podemos encontrar art\u00edculos destinados a dispositivos m\u00f3viles, como <a href=\"http:\/\/code.google.com\/intl\/es-ES\/speed\/articles\/mobile.html\">Make the mobile web faster<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>La mejora del rendimiento de una p\u00e1gina web es un elemento clave en el desarrollo de un sitio web, pero muchas veces se descuida. Cuando un sitio web soporta una gran carga de peticiones y se &#8220;hunde&#8221; su tiempo de &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"more-link\" href=\"https:\/\/blogs.ua.es\/pi\/2010\/09\/26\/consejos-para-mejorar-el-rendimiento-de-una-pagina-web-el-cliente\/\"> <span class=\"screen-reader-text\">Consejos para mejorar el rendimiento de una p\u00e1gina web: el cliente<\/span> Leer M\u00e1s  &raquo;<\/a><\/p>\n","protected":false},"author":40,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[599,1581,1205],"class_list":["post-223","post","type-post","status-publish","format-standard","hentry","category-general","tag-consejos","tag-dns","tag-rendimiento"],"_links":{"self":[{"href":"https:\/\/blogs.ua.es\/pi\/wp-json\/wp\/v2\/posts\/223","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.ua.es\/pi\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.ua.es\/pi\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.ua.es\/pi\/wp-json\/wp\/v2\/users\/40"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.ua.es\/pi\/wp-json\/wp\/v2\/comments?post=223"}],"version-history":[{"count":2,"href":"https:\/\/blogs.ua.es\/pi\/wp-json\/wp\/v2\/posts\/223\/revisions"}],"predecessor-version":[{"id":896,"href":"https:\/\/blogs.ua.es\/pi\/wp-json\/wp\/v2\/posts\/223\/revisions\/896"}],"wp:attachment":[{"href":"https:\/\/blogs.ua.es\/pi\/wp-json\/wp\/v2\/media?parent=223"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.ua.es\/pi\/wp-json\/wp\/v2\/categories?post=223"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.ua.es\/pi\/wp-json\/wp\/v2\/tags?post=223"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}