Diseño Web

Una de las cosas que más puntúan los buscadores es la velocidad de respuesta de una página. Esta depende de muchos factores, y puedes analizar tu página con PageSpeed de Google u otras web para que te den consejos sobre cómo reducir el tiempo de respuesta. Obviamente aquí entra el hardware del servidor, las conexiones etc. Eso poco puedes hacer. Pero si que puedes minimizar las imágenes, usar plugins de caché como W3 Total Caché o similares….y reducir y cachear el código CSS, html y javascript. Para esto último uno de los mejores plugins es Autoptimize. Para ver la importancia de este plugin sólo tenéis que ver el número de descargas y el número de puntuaciones máximas (muchísimas). Es una manera sencilla y rápida de acelerar tu web. Ante todo destacar que lo que puedas hacer y los resultados dependen del tema de tu página. En algunos temas (aquellos con Sliders), cachear el Javascript puede ocasionar problemas. En otros como aquellos con Visual Composer algunas opciones de CSS pueden dar resultados extraños. La única opción que tienes es ir activando las opciones y ver tu página. Si alguna le cambia el aspecto o la tira, desactívalo y pasa a la siguiente. Cuantos más tengas activados mejor…pero es raro poder tenerlos todos. Cuando lo instales y lo actives, te recomiendo pinchar en Show Advanced Settings para ver todas las opciones del plugin. Siempre puedes elegir Autoptimize…y si funciona fenómeno. A mi me gusta más controlar lo que está pasando.   Si unes este plugin, a uno de optimizar imágenes y a uno de caché…aumentarás rápidamente la velocidad de tu web sin demasiado esfuerzo. Obviamente casos complejos y mejores optimizaciones requieren un estudio más detallado, pero esa combinación anterior  es suficiente para la mayoría de las webs sencillas.

Cuando vas a diseñar una página web, y has elegido tu tema, lo más seguro es que necesites modificar al menos el CSS (colores etc). Ya os indicamos hace tiempo cómo hacerlo correctamente y existen muchos plugins para modificar el css. Pero mencionamos al final del artículo que la manera más correcta de hacerlo es con lo que se llama un Child Theme, un tema hijo. Un tema hijo es un tema que “cuelga del tema principal”, que comparte todas sus características, pero al que si hacemos alguna modificación estas se usarán en vez del principal. Realmente el tema hijo es otro tema para WordPress, pero usa los ficheros del principal. En la carpeta del hijo sólo están los ficheros que se modifican. ¿Qué ventajas tiene? Varias. La principal es que puedes actualizar el tema padre sin problemas. Cuando modificabas un tema tenías siempre el miedo que una actualización te borrara los cambios. O que lo hiciera el cliente. En esta configuración, el tema padre se actualiza y lo tienes siempre al día. Y el hijo también porque sólo se cargan las modificaciones. También te permite añadir funciones en el fichero funtions.php sin temor. Con esto puedes realizar muchas funcionalidades extra. Por ejemplo el truco de usar Shortcodes Ultimate con Contact Form 7 que os dejamos hace unos días. Desde el punto de vista de código, limpieza y velocidad es más correcto. Un plugin de CSS carga el CSS del padre, y luego el CSS modificado por tí en el plugin. Un tema hijo carga el CSS del padre, y las modificaciones del hijo…pero no ambas para una misma etiqueta. Mucho más limpio, sencillo y rápido. No es difícil crear un tema hijo manualmente. Podéis seguir los pasos en este manual de Child Theme de WordPress. Realmente sólo es crear una carpeta con la etiqueta child y mover ahí el functions.php y la hoja de estilos que quieres modificar. Sin embargo, para que todo funcione correctamente, y no perder tiempo, os aconsejo un plugin como Child Theme Configurator, que, de manera muy sencilla, te permite crear y configurar tu tema personalizado rápidamente. Instálalo, activalo y ve a Herramientas> Child Theme Configurator. Una vez creado, si no queréis tener demasiados plugins activos, podéis desactivar este. Sólo es para la configuración. Nosotros, desde hace un tiempo, siempre que modificamos un tema lo hacemos así. Os lo aconsejamos.