Comprimiendo las hojas de estilo - CSS
El otro día empecé a modificar algunas cosas en el blog para optimizarlo: limpiar el tema, optimizar el javascript y una cosa importante fue optimizar o mejor dicho comprimir el archivo CSS del tema de este blog.
Algunos páginas pueden tener incluso más archivos CSS cosa que no recomiendo porque solo aumentan el número de consultas del servidor web y por lo tanto tardan más en cargar.
Comprimiendo el CSS además ahorra ancho de banda especialmente en sitios donde hay más de 1.000 líneas de código.
Hay varias páginas donde podrás comprimir el archivo CSS, pero el problema puede ser el mantenimiento del archivo después.
Para optimizarlo principalmente hay dos opciones:
• comprimir el archivo CSS simplemente
• crear un script PHP que comprima el archivo cada vez que es solicitado
[IMG] Nordkapp
Imagen tomada a las 5 de la mañana a 25 km de Nordkapp, Noruega.
Alta calidad en Youtube
Hace algo de tiempo que se está comentando que Google tiene planeado aumentar la calidad en los videos de Youtube.
Parece que finalmente hay una novedad “visible” con respecto a la calidad.
Todavía Youtube no es HD (High Definition) pero han hecho algunas progresos importantes.
Cuando subimos un vídeo WMV, AVI, MOV o MPG a Youtube, se redimensiona de forma automática a la resolución 320×240 y es codificado en Flash 7 a unos 250 kbps con el audio mono en MP3 a 22.050 KHz.
Esto hace que muchas veces la calidad sea pobre e insatisfactoria.
Por ahora la solución es añadir un parámetro en el enlace.
El vídeo milagrosamente se verá con una calidad diferente.
Estas son las dos opciones que tenemos:
• &fmt=6 -> vídeo con mayor calidad - resolución de 448×336 píxeles
• &fmt=18 -> la mejor opción ya que el formato del vídeo es MP4 (codificado con H.264 y AAC) - resolución de 480×360 píxeles y audio estéreo a 44.100 KHz.
Aquí un ejemplo:
Leer más
Como crear un feed RSS desde MySQL con PHP
Recientemente he tenido que hacer un feed RSS para una página de antigüedades que tenía unos 90-100 artículos en puro HTML.
Así que he optado por utilizar una base de datos.
Mejor de cara a futuras actualizaciones (nuevos artículos) e incluso más practico ahora.
El feed RSS es un sencillo formato de datos que es utilizado para redifundir contenidos a suscriptores de un sitio web. El formato permite distribuir contenido sin necesidad de un navegador, utilizando un software diseñado para leer estos contenidos RSS (agregador). A pesar de eso, es posible utilizar el mismo navegador para ver los contenidos RSS. Las últimas versiones de los principales navegadores permiten leer los RSS sin necesidad de software adicional.
Base de datos
El primer paso será crear la base de datos y añadir los datos. Si nuestra página ya utiliza algún tipo de base de datos para guardar los artículos no será necesario crear otra base de datos ni tampoco hacer cambios.
Básicamente necesitaremos estos campos en la tabla:
• id - no es obligatorio pero siempre me gusta que las tablas estén numeradas
• categoria - categoría o tag del articulo (nos permitirá organizar mejor)
• titulo - título que veremos en el RSS
• resumen - un breve resumen del articulo (si ponemos el texto entero, el usuario no tendrá interés de visitar nuestra página)
• fecha - fecha del articulo para la organización (los más nuevos son los primeros)
• enlace - enlace a la pagina del articulo completo
Esta sería la estructura SQL para facilitar un poco el proceso:
CREATE TABLE `articulos` ( `id` INT(11) NOT NULL AUTO_INCREMENT, `categoria` TEXT NOT NULL, `titulo` TEXT NOT NULL, `resumen` TEXT NOT NULL, `fecha` DATE NOT NULL, `enlace` TEXT NOT NULL, UNIQUE KEY `id` (`id`) ) ENGINE=MyISAM DEFAULT CHARSET=utf8 AUTO_INCREMENT=1 ;
Código PHP
Lo primero será abrir un archivo RSS (.xml / .rss):
$fp = fopen('index.xml', 'w');
El siguiente paso es escribir la cabecera en el archivo index.xml (esta información suele ser estática):
Leer más
Como evitar el hotlinking con .htaccess
El hotlinking también llamado leeching, direct linking, inline linking o bandwidth theft (robo del ancho de banda) significa enlazar un archivo (casi siempre imagen - gif, jpg, png) que es de otra página que no es nuestra.
Ejemplos (mostrando una imagen en HTML):
Imagen en nuestro servidor:
<img src="imagen.jpg" height="320" width="240" />Imagen en servidor ajeno (hotlinking):
<img src="http://www.sitio.com/imagen.jpg" height="320" width="240"/>En el primer ejemplo la imagen siempre es cargada desde el servidor que sirve la pagina, pero en el segundo ejemplo, cada vez que nuestra página carga, la imagen es cargada desde el servidor externo que usa su ancho de banda para mostrar la imagen.
Se puede evitar el hotlinking utilizando el archivo .htaccess. Este archivo está disponible solamente en servidores Apache sobre Linux. El punto delantero (.) significa que el archivo es oculto.
Ejemplo: La dirección de tu página es www.mipagina.com. Para evitar el hotlinking a tus imágenes desde otros sitios y mostrar una imagen llamada nohotlink.jpe que está en la carpeta imagenes, pon este código en el archivo .htaccess:
Leer más
