Posts Tagged ‘Web’
Rendimiento de Navegadores [Inicio 2012]
Poco a poco el navegador web se está haciendo la herramienta principal en cualquier plataforma. Los servicios web en la nube y el revolucionario concepto Cloud Computing están ayudando a que el navegador sea imprescindible.
En la actualidad los adelantes tecnológicos en el campo online hacen que los navegadores queden anticuados muy rápidamente y el reciente “boom” de HTML5 hizo el resto. Cualquier navegador actual debe cargar las páginas web siguiendo los estándares W3C y además de la forma más rápida posible para que el usuario disponga de total soltura para navegar por Internet independientemente de la plataforma. A esto debemos sumarle la seguridad, un navegador debe ofrecer seguridad para evitar el malware residente en Internet, aunque en muchas ocasiones un exceso de seguridad ralentiza el funcionamiento del navegador ya que aumenta su complejidad.
En la plataforma Windows, arriba de todo pelean 5 navegadores: Firefox, Chrome, Internet Explorer, Safari y Opera. Todos ellos están adaptados a los últimos estándares, aunque no todos los cumplen al cien por cien. Cada navegador utiliza un motor de renderizado diferente, excepto Chrome y Safari (ambos usan WebKit), también utilizan un motor JavaScript diferente.
En este grafico podemos comparar el rendimiento de los diferentes navegadores que han sido probados mediante una serie de pruebas para probar su eficiencia en HTML5, JavaScript y Navegación, mediante el benchmark PeaceKeeper.
Las pruebas han sido hechas sobre un procesador I7 2600k con 8GB de RAM, la versión de Windows elegida ha sido Windows 7 Professional de 64 bits.
En este grafico podemos observar que Chrome, como siempre, se lleva el trofeo, seguido por Opera, quien no puede alcanzar la puntuación total debido a que no reproduce videos en HTML5. El resto de navegadores se queda muy por detrás, y Firefox en ultima posición.
Estas pruebas han sido realizadas en un Netbook con procesador Intel Atom N455 y 1GB de RAM, la distribución Linux elegida ha sido Xubuntu 11.10 de 32 bits.
Chrome otra vez más se mantiene arriba, Opera otra vez detrás y Firefox otra vez último, incluso adelantado por Midori, el cual dio error por algún tipo de incompatibilidad con HTML5.
Ninguno de los navegadores fue capaz de reproducir video en HTML5 debido a la falta del códec necesario.
Después de ver estas dos graficas podemos llegar a la conclusión de que Chrome sigue siendo el más rápido, de que Firefox se está quedando atrás y que Opera mantiene un buen nivel.
Puedes encontrar comparativas anteriores en: ¿Que navegador es el mas rapido?
Instalinux, instalaciones desatendidas
Instalinux es un servicio web que permite crear imágenes de instalación personalizadas de varias distribuciones Linux siguiendo un simple asistente de configuración desde el navegador. Este servicio web está basado en la aplicación LinuxCOE SystemDesigner de HP, para más información acerca de la aplicación: http://linuxcoe.sourceforge.net/.
Las distribuciones entre las que podremos elegir son: CentOS, Debian, Fedora, Opensuse, Scientific y Ubuntu. Podremos elegir la versión de la distribución previamente elegida y su arquitectura (32 o 64 bits). Todas las imágenes generadas con la aplicación son de tamaño pequeño y deben ser completadas con acceso a Internet durante la instalación del sistema.
El asistente permite la creación de una imagen de instalación preconfigurada de una distribución Linux sin disponer de conocimientos avanzados acerca de Linux, simplemente con conocimientos básicos-medios de informática y una ligera idea acerca de Linux.
El servicio dispone de dos asistentes, uno simple, que se detalla líneas más abajo, y uno avanzado en el que se usan perfiles preconfigurados.
En el paso número uno podremos configurar la IP o nombre del equipo, el uso de DHCP para la red, elegir distribución, versión y arquitectura.
En el paso número dos se pueden configurar el método de instalación, ya sea por HTTP o por FTP, la imagen de arranque, el interfaz de red predeterminado del equipo donde se va a utilizar la imagen y los datos del proxy en caso de que se vaya a utilizar uno.
En el paso número tres se pueden configurar el repositorio oficial desde donde se realizara la descarga de los datos que faltan para la instalación, la zona de tiempo del país donde se encuentre el equipo, el idioma en el que se instalara la distribución y el idioma del teclado al escribir en la consola del sistema.
En el paso número cuatro se pueden personalizar los paquetes que se instalaran en el sistema, permite escoger de forma general entre varias categorías, pudiendo no instalar ninguna, o incluso instalarlas todas dependiendo del uso que vaya a tener el equipo o equipos en los que se instalara la distro.
La caja de texto nos permite especificar uno a uno los paquetes que queremos instalar en el sistema, por si fuera necesario especificar alguno que no se incluyera en los grupos predeterminados.
Esta parte del asistente también permite escoger el método de particionamiento, se puede elegir entre: Autopartition (Automático), Desktop Machine (Para equipos de escritorio), Multiuser Workstation(Para equipos de trabajo multiusuario) y None (Ninguno, se configurara durante la instalación).
El paso número cuatro letras A nos permite seleccionar el dispositivo físico donde se instalara el sistema. La unidad predeterminada es SDA.
El paso número cinco permite configurar la contraseña de acceso de administrador, también permite configurar el nombre del usuario, su nombre real y su contraseña. Estos serán los datos de acceso y administración del equipo una vez realizada la instalación.
Por ultimo tendremos en pantalla el enlace para descargar la imagen preconfigurada. También tendremos la opción de descargar o consultar un archivo resumen donde se especifican todas las configuraciones y cambios realizados en la imagen ISO descargada.
Para instalar la distribución debemos iniciar el equipo desde la unidad lectora donde se encuentre el CD y una vez iniciada teclear el comando “install”. Acto seguido la instalación se iniciara, al acabar tendremos un Linux instalado con la mínima intervención del usuario y en relativamente poco tiempo.
La página oficial del servicio es: http://www.instalinux.com/
Redaxscript, un CMS muy ligero
Redaxscript es un CMS (Gestor de contenidos) con una característica bastante llamativa, pesa relativamente poco, más o menos 300kb.
Un tamaño de instalación tan pequeño hace además que la carga de webs creadas con Redaxscript se efectué de forma rápida y que además el gestor de contenido disponga de una gran posibilidad de adaptación a las necesidades del usuario mediante la edición del código. Por esta razón sus desarrolladores lo presentan como un gestor de contenido ultra ligero, simple y muy personalizable.
Redaxscript está desarrollado en PHP y utiliza como gestor de bases de datos MySQL, algo raro en un CMS tan simple, otros en su lugar habrían usado un archivo de texto para almacenar los datos.
Dispone de administración avanzada de usuarios y grupos, administración de categorías y subcategorías, soporte para varios idiomas y nuevas traducciones, soporte para plantillas y temas visuales, soporte para extensiones, editor WYSIWYG y funcionalidad jQuery para temas.
La instalación de Redaxscript es muy simple, solo es necesario rellenar unos pocos datos en el formulario para indicarle al script la localización de la base de datos MySQL y los datos del administrador del sitio web.
Redaxscript dispone de un menú de configuración basado en enlaces, bastante simple, pero algo intuitivo. Desde él se despliegan submenús desde los que es posible acceder a los paneles de configuración de cada una de las partes del gestor de contenido.
A simple vista los enlaces desde los que se configura el CMS no son demasiado visibles y son algo difíciles de distinguir a simple vista si no se sabe que existen.
Se puede encontrar más información acerca de Redaxscript en: http://redaxscript.com/. En su web también se pueden encontrar recursos como plantillas, extensiones e idiomas creados por la comunidad del proyecto. También se puede encontrar un manual donde indica cómo realizar algunas modificaciones en el código, se puede encontrar en: http://redaxscript.com/manual
GetSimple, un CMS simple
En muchas ocasiones no es posible el uso de bases de datos para nuestro sistema de gestión de contenidos (CMS). Existen muchos Gestores de Contenidos con base de datos, pero aún hay unos cuantos que no necesitan base de datos y guardan los datos en archivos de texto plano o archivos XML.
Uno de los gestores de contenidos más útiles en estos casos es GetSimple CMS. Este gestor de contenidos guarda los datos en archivos XML en lugar de utilizar una base de datos estándar como el resto de CMS.
Este gestor de contenidos ha sido desarrollado para su utilización en sitios web con muy pocas visitas y poca carga de trabajo. Su utilización en sitios web de alto tráfico puede causar una mala experiencia al usuario a la hora de navegar por el sitio web, para este propósito es mejor utilizar otros CMS con más opciones y con más posibilidades de expansión como pueden ser WordPress, Joomla o Drupal.
El panel de administración de GetSimple es muy simple e intuitivo, tiene varias pestañas, cada una dedicada a una parte de la administración del sitio. Las páginas son las siguientes:
- Paginas: Desde esta pestaña podremos gestionar todo el contenido de nuestra web, crear, editar y eliminar las páginas del sitio.
- Archivos: Desde esta pestaña es posible gestionar los archivos subidos a nuestro hosting para publicar en nuestra web, esta interfaz permite administrar además de archivos también carpetas. Esta interfaz es útil a la hora de subir imágenes para colgarlas en nuestra web.
- Temas: GetSimple como gestor de contenidos también dispone de un sistema de administración de temas y plantillas. Desde la pestaña de Temas es posible seleccionar el tema que vamos a utilizar, también es posible editar el código del tema mediante un simple editor de código que incluye GetSimple.
- Backups: Esta interfaz permite crear y administrar copias de seguridad del sitio web, de esta forma se previene la perdida de datos. Pocos gestores de contenidos incluyen en su instalación predeterminada una herramienta para la gestión de copias de seguridad.
- Plugins: En esta pestaña se encuentra el administrador de plugins y extensiones. Esta funcionalidad permite al gestor de contenidos ampliarse y adaptarse a las necesidades del usuario a la hora de crear un sitio web utilizando esta herramienta.
GetSimple también dispone de una página de configuración del sitio web, las opciones disponibles son muy simples pero son justo las necesarias para configurar el sitio a gusto del usuario.
Permite cambiar el nombre y la dirección del sitio web, personalizar los enlaces del sitio y activar las URL amigables. GetSimple está pensado para que la administración del sitio sea monousuario por lo que solo permite la creación de un administrador.
También permite cambiar el idioma y la localización geográfica del autor, además de cambiar la contraseña de acceso al panel de administración.
Los requisitos de GetSimple CMS son muy simples y fáciles de cumplir, basta con un hosting Linux (en Windows hay más dificultades pero también se puede) con Apache preferiblemente y PHP 5.2 o superior. Sin duda son unos requisitos que no son difíciles de cumplir, y que hacen que cualquiera pueda utilizar este CMS en su servidor.
GetSimple además también necesita ciertos módulos PHP instalados en el servidor para poder utilizar todas sus funciones, son los siguientes:
- SimpleXML: Se utiliza para guardar los datos en archivos XML, si no está instalado el CMS no funciona.
- ZipArchive: Necesario para administrar las copias de seguridad.
- Mod Rewrite: Modulo necesario para utilizar FancyURL.
- Curl: Necesario para las actualizaciones automáticas.
- GD Library: Necesario para crear miniaturas de las imágenes subidas.
También hay que mencionar que GetSimple CMS dispone de una pequeña pero activa comunidad detrás del proyecto. Esta comunidad dispone de unos foros de soporte bastante completos en inglés y una wiki que poco a poco se va completando con información acerca del proyecto, pero también en inglés.
Se puede encontrar más información acerca de GetSimple y su comunidad en la web del proyecto http://get-simple.info/ y en su Wiki http://get-simple.info/wiki/
En la dirección http://php.opensourcecms.com/scripts/details.php?scriptid=330&name=GetSimple%20CMS de OpenSourceCMS se puede probar la demo del script instalado en un hosting.
Autoptimize, optimizando WordPress
En muchas ocasiones nuestra instalación de WordPress se ralentiza debido a que ni los archivos del tema visual ni los archivos del propio WordPress están optimizados. Esta ralentización provoca retrasos en la carga de las páginas a los usuarios y dificulta la navegación por la web.
Existen un plugin llamado Autoptimize que optimiza el código HTML, Javascript y CSS generado por WordPress, de esta forma no modifica los archivos del servidor, sino que modifica los archivos generados y posteriormente enviados al usuario. Estos archivos también son guardados en cache para evitar que sean creados cada vez que alguien visita la web.
Autoptimize elimina los espacios en blanco de los archivos HTML para así reducir su peso, también mueve el CSS al principio de los archivos e inserta el Javascript al final. También permite eliminar los comentarios de los archivos HTML y pasar los enlaces al código CSS.
Autoptimize es ideal para compaginarlo con WP Super Cache y con su función para integrar redes CDN, de hecho su autor recomienda su uso conjunto con este plugin.
Si observamos el código fuente generado por WordPress con el plugin Autoptimize instalado podremos ver que el código no está identado ni organizado debido a que se eliminan los espacios en blanco que puedan añadir peso al archivo enviado. De esta forma se consigue mejorar el tiempo de respuesta consiguiendo las siguientes mejoras en cuanto a rendimiento y tiempos de respuesta:
Para estas pruebas se han utilizado las páginas web http://www.iwebtool.com/speed_test y http://www.websitegoodies.com/tools/speed-test.php
Se puede encontrar más información acerca de Autoptimize en su sección en la página de plugins de WordPress: http://wordpress.org/extend/plugins/autoptimize/
