Tutorial: Aumenta la velocidad de carga de tu página blog. CÓDIGO UNIVERSAL.

  • Autor Autor AngelSamuel
  • Fecha de inicio Fecha de inicio
A

AngelSamuel

Delta
Social Media
Hola ForoBetanos,

Desde que llevo registrado en ForoBeta, hará 1 año aprox no estoy seguro, aún no me he animado a publicar ningún tutorial. Hoy ha llegado el día y os quiero enseñar como reducir el tiempo de carga de nuestra página web a la vez que nos ayudará a ahuyentar a los individuos que se encargan de copiar nuestro código de fuente. En el título he puesto que el código es universal aunque no se si valdrá para Blogger ya que nunca he trabajado en esa plataforma.

El código PHP que os mostraré a continuación lo que hace es comprimir todos aquellos espacios innecesarios como salto de linea que lo único que hacen es hacer mas pesada la lectura del documento por el navegador por lo que si viésemos el código fuente no podríamos meter ni un guión. Además de que nos permite ahorrar tiempo de carga, como comentaba al principio, nos ayuda a evitar que un curioso nos copie el código de fuente tan fácilmente pues se aburrirá buscando lo que quiera buscar.

Código necesario que utilizaremos.

PHP:
<?php
/* Poner esto en el header.php en lo mas 'alto' se pueda */
function h($b){return (str_replace(array("\n","    ","	"),array("","",""), $b));}
ob_start("h");
/* *************************************** */
?>
<html>
AQUI TODA LA WEB
....
</html>
<?php
/* Poner esto en el footer.php lo mas 'bajo' se pueda */
ob_end_flush();
/* ************************************ */
?>

Siguiendo el ejemplo anterior y aplicándolo un Wordpress, deberíamos abrir el header.php de nuestra plantilla y poner antes del <html> el código que va antes de la web. Mas tarde abrimos el footer.php y pegamos la segunda parte. Fácil, ¿No? De todas maneras, dejo una captura del código final por si hay algún despistado:

1.webp
http://oi40.tinypic.com/2q9gt3s.jpg

Resultado en pantalla.

Si hemos seguido los pasos correctamente, si abriéramos nuestra página e inspeccionamos nuestro código de fuente ha debido de pasar de verlo como siempre ha estado a algo así como lo que se ve en la siguiente imagen:

2.webp
http://oi43.tinypic.com/doq3wo.jpg

IMP!: Que se comprima en el código de fuente no quiere decir que lo haga en nuestro archivo, el archivo mantendrá su estructura siempre.

Cualquier cosa, os respondo en los comentarios.

Un saludo,
Ángel.
 
gracias por el tutorial, acabo de ponerlo con éxito, veremos si en horas de alto tráfico se nota el cambio

gracias
 
Probaremos a ver que tal, gracias por el aporte
 
Nice muy bueno 🙂
 
Sin duda les sera tarea mas difícil a muchos, pero con la opción de buscar sera fácil 😛

Se agradece, luego lo implementare 🙂
 
Entonces, este código, más bien, lo que hace es hacer más difícil que nos copien desde el código fuente no? O has notado también resultados en la velocidad de carga de una página? :encouragement:
 
Muchísimas gracias, excelente ..
 
Agregado a mi sitio con mas visitas... A ver que sale...
 
Probando para ver la diferencia, gracias por el tutorial :encouragement:
 
Me lo guardo para probarlo cuando tenga oportunidad a ver que tal funciona, muchas gracias por compartirlo. :encouragement:
 
muchas gracias por el codigo lo probare en mis sitios con wordpress
 
Vamos aver si me aclaro :

Las lineas que se deben peagr en el Header son :

function h($b){return (str_replace(array("\n"," "," "),array("","",""), $b));}
ob_start("h");
/* *************************************** */
?>


Y para el footer :

ob_end_flush();
/* ************************************ */
?>



Espero que sea así, de lo contrario, que Dios me agarre confesado.😉

Gracias por el código.:encouragement:
 
gracias por el tutorial
 
A probarlo! Muchas gracias!
 
no se si aumento la velocidad, pero hizo un enmarañado en el código fuente, pobre de aquel que busque algo jaja :devilish:

gracias un saludo :encouragement:
 
Hola ForoBetanos,

Código necesario que utilizaremos.

PHP:
<?php
/* Poner esto en el header.php en lo mas 'alto' se pueda */
function h($b){return (str_replace(array("\n","    ","	"),array("","",""), $b));}
ob_start("h");
/* *************************************** */
?>
<html>
AQUI TODA LA WEB
....
</html>
<?php
/* Poner esto en el footer.php lo mas 'bajo' se pueda */
ob_end_flush();
/* ************************************ */
?>

Ángel.

Estas partes también hay que colocarlas :

/* Poner esto en el header.php en lo mas 'alto' se pueda */




/* Poner esto en el footer.php lo mas 'bajo' se pueda */
 
Información muy útil, se lo recomende a un compañero y me dio buenas impresiones.

Saludos!
 
Entonces, este código, más bien, lo que hace es hacer más difícil que nos copien desde el código fuente no? O has notado también resultados en la velocidad de carga de una página? :encouragement:

Lo que hace es quitar los espacios así se ejecuta todo más rápido.

Aunque esto ya lo hacen los plugins de cache con minify.
 
Atrás
Arriba