Editar

Con estos sencillos trucos tu sitio web cargará más rápido y tus usuarios te lo agreceran <ul> <li><a href="https://www.google.com/webmasters/tools/home?hl=es" target="_blank">Herramientas para webmasters</a></li> <li>Instalar en <a href="http://www.mozilla-europe.org/es/firefox/" target="_blank">Firefox</a>: <a href="http://developer.yahoo.com/yslow/" target="_blank">yslow</a> & <a href="http://getfirebug.com/" target="_blank">Firebug</a></li> <li>Optimizar y limpiar los CSS: <a href="http://www.cleancss.com/" target="_blank">Cleancss</a></li> <li><a href="http://code.google.com/intl/es-VE/speed/page-speed/docs/payload.html" target="_blank">Page Speed</a> (Tiene Addons para firefox)</li> </ul> Si eres como yo que no me importa como se vea el código HTML en el browser, comprimelo al máximo eliminando los espacios innecesarios, y modificando el <a href="http://php.net/manual/es/function.header.php" target="_blank">HEADER</a>. Coloca esto al principio de la página: <pre><?php // NO TOCAR header('Accept-Ranges: bytes'); $ExpStr = 'Expires: '.gmdate("D, d M Y H:i:s", time() + 14400) . " GMT"; // 14400 = 4 horas header($ExpStr); header("Cache-Control: maxage=14400"); header("Cache-Control: public, must-revalidate"); header("Cache-Control: public"); header("pragma: public"); header("Content-Transfer-Encoding:gzip;q=1.0,identity;q=0.5,*;q=0"); header("Cache-Control: cache"); header("Pragma: cache"); header('Content-Type: text/html; charset=iso-8859-1'); setlocale(LC_TIME, 'es_VE'); # Localiza en espaÃ±ol es_Venezuela // FIN NO TOCAR // elimina los espacios en blanco function compress_page($buffer) { $search = array('/\>[^\S ]+/s','/[^\S ]+\</s','/(\s)+/s'); $replace = array('> ',' <','\\1'); return preg_replace($search, $replace, $buffer); } ob_gzhandler(ob_start("compress_page")); ?></pre> Y al final luego del tag<html>: <pre><?php ob_end_flush(); ?></pre> Al usar archivos .htaccess se maximiza la carga (más sobre los .htaccess en <a href="http://httpd.apache.org/docs/1.3/howto/htaccess.html" target="_blank">Apache</a>).  <pre><IfModule mod_expires.c> ExpiresActive On ExpiresDefault A86400 ExpiresByType image/x-icon A2592000 ExpiresByType application/x-javascript A2592000 ExpiresByType text/css A2592000 ExpiresByType image/gif A604800 ExpiresByType image/png A604800 ExpiresByType image/jpeg A604800 ExpiresByType text/plain A604800 ExpiresByType application/x-shockwave-flash A604800 ExpiresByType video/x-flv A604800 ExpiresByType application/pdf A604800 ExpiresByType text/html A900 </IfModule> #Header <IfModule mod_headers.c> # YEAR <FilesMatch "\.(ico|gif|jpg|jpeg|png|flv|pdf)$"> Header set Cache-Control "max-age=29030400" </FilesMatch> # WEEK <FilesMatch "\.(js|css|swf)$"> Header set Cache-Control "max-age=1604800" </FilesMatch> # 45 MIN <FilesMatch "\.(html|htm|txt)$"> Header set Cache-Control "max-age=2700" </FilesMatch> <FilesMatch "\.(xml|txt|html)$"> ExpiresDefault A71400 Header append Cache-Control "private, must-revalidate" </FilesMatch> </IfModule> ################## GZip Files ################### <FilesMatch "\.js$"> AddHandler application/x-httpd-php .js php_value default_mimetype "text/javascript" </FilesMatch> <FilesMatch "\.css$"> AddHandler application/x-httpd-php .css php_value default_mimetype "text/css" </FilesMatch> <FilesMatch "\.(htm|html|shtml)$"> AddHandler application/x-httpd-php .html php_value default_mimetype "text/html" </FilesMatch> # ejemplo: /var/www/vhosts/tu_sitio/httpdocs/gzip. php_value auto_prepend_file ruta_real_de_tu sitio_/gzip.php </pre> el código del archivo gzip.php <pre><?php  if(isset($_SERVER['HTTP_ACCEPT_ENCODING']) && substr_count($_SERVER['HTTP_ACCEPT_ENCODING'], 'gzip')) ob_start('ob_gzhandler'); else ob_start();  ?> </pre> Para observar si en verdad mejora, prueba en estas páginas la carga de tu sitio, y luego de hacer los cambios prueba de nuevo, observarás gran mejora. <ol> <li><a href="http://www.webpagetest.org/test" target="_blank">http://www.webpagetest.org/test</a> RECOMENDADO</li> <li><a href="http://www.jpwebsystems.com/utilidades-web.php" target="_blank">http://www.jpwebsystems.com/utilidades-web.php</a></li> <li><a href="http://www.velocidadtotal.com/es/speed_test.html" target="_blank">http://www.velocidadtotal.com/es/speed_test.html</a></li> <li><a href="http://analyze.websiteoptimization.com/" target="_blank">http://analyze.websiteoptimization.com/</a> Importante</li> <li><a href="http://webwait.com/" target="_blank">http://webwait.com/</a> útil</li> </ol> Además hay que tener en cuenta algunos otros detalles: <ul> <li>Minimizar Peticiones HTTP</li> <li>Optimizar las imagenes, usar la menor cantidad de colores posibles, el Addons recomendado arriba te da la opción de guardar la imagen optimizada. </li> <li>En el código HTML evitar los comentarios en lo máximo posible</li> <li>Optimizar los javascript, llevarlos a su máxima compresion</li> <li>Optimizar los CSS </li> <li>Invocar las imágenes desde las hojas de estilo (css)</li> </ul> Dale una mirada a este enlace: <a href="http://stevesouders.com/hpws/rules.php" target="_blank">High Performance Web Sites</a>. También sería bueno añadir en el .htacces lo siguiente: <pre># evita el User-Agent libwww-perl RewriteEngine on RewriteCond %{HTTP_USER_AGENT} libwww [NC,OR] RewriteCond %{QUERY_STRING} ^(.*)=http [NC] RewriteRule ^(.*)$ – [F,L] # mejora el mime para el expire RewriteRule (.*)-cb\d+\.(.*)$ $1.$2 [L]</pre> Best Practices for Speeding Up Your Web Site <a href="http://developer.yahoo.com/performance/rules.html" target="_blank">http://developer.yahoo.com/performance/rules.html</a> Estos consejos te ayudaran a mejorar el rendimiento de carga de tu sitio web hasta en un 20% lo que tus usuarios lo agradeceran. Fuente: <a href="http://www.xombra.com" target="_blank">http://www.xombra.com</a>

o salir

Editar

Editar últimas publicaciones

Create una cuenta.

O accede si tienes una.