El mundo según carnar » Programación http://mundocarnar.com Las cosas que me apasionan y entretienen Tue, 20 Sep 2011 04:22:29 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 Cómo configurar W3 Total Cache para optimizar tu bloghttp://mundocarnar.com/2011/04/22/como-configurar-w3-total-cache-para-optimizar-tu-blog/ http://mundocarnar.com/2011/04/22/como-configurar-w3-total-cache-para-optimizar-tu-blog/#comments Fri, 22 Apr 2011 20:32:22 +0000 Carlos Narez http://mundocarnar.com/?p=650

Con W3 Total Cache la velocidad de respuesta de tu blog mejorará considerablemente, esto lo he descubierto después que Google penalizó uno de mis blogs, descendiendo el tráfico al 30%, por lo que he estado más atento de todo lo que me dice Google Webmastertools.

W3 Total Cache es uno de muchos plugins para wordpress que mejoran la velocidad de respuesta, pero he de decir que se puede personalizar tanto que considero que no tiene competencia. En el caso particular de éste blog, lo evalué antes de implementar éste plugin, con una extensión de Google llamada Page Speed que funciona con Firebug en Firefox y obtuvo 70/100 pts. Después de implementarlo y mejorar pequeños detalles, llegó a una puntuación de 92/100.

Me encontré varias guías por la red y el resultado de mi configuración es la siguiente:

0. Prerequisitos

Eliminar cualquier plugin de Cache que hallan instalado previamente. Explora tus carpetas en el sevidor y asegurate que tu wp-config.php no contenga la linea

define(‘WP_CACHE’, true);

Dirígete a la carpeta /wp-content/ y elimina todos los archivos que encuentres acerca de cache como por ejemplo

advanced-cache.php, wp-cache-config.php, etc.

1. Instalación

  • Ingresa a la administración de wordpress en la sección Plugins.
  • Escoge la opción Add New y busca W3 Total Cache.
  • Instala el plugin y activalo.

2. Configuración

En la configuración de W3 Total Cache ingresa a General Settings. Ahí activaremos 4 opciones que son: Page Cache, Minify, Content Delivery Network y Browser Cache.

A continuación ingresaremos a la página de configuración de cada una de las anteriores opciones y las explicaré a detalle.

2.1 Page Cache

Entramos a la página de configuración de Page Cache desde el menú de W3 Total Cache, a las siguientes secciones y verificamos estos valores:

General
  • Enable (checked) – Don’t cache pages for logged in users
  • Enable (checked) – Cache home page
  • Enable (checked) – Cache feeds
  • Disable (unchecked) – Cache URIs with query string variables
  • Disable (unchecked) – Cache 404 (not found) pages
Cache Preload
  • Enable (checked) – Automatically prime the page cache
  • Update internal – 907
  • Pages per interval: 7 (increase/decrease as needed)
  • Sitemap URL: Your blogs sitemap.xml URL, e.g. http://example.com/sitemap.xml

Con esto terminamos con la configuración de Page Cache.

2.2 Minify

Esta configuración es muy interesante, ya que lograrás integrar en un solo archivo todos tus css, en otro todos tus js y optimizar tu html, para que reduzca considerablemente el tiempo de entrega de recursos al usuario.

Verifica y atiende a las especificaciones de las siguiente secciones:

Cascading Style Sheets
  • Enable: Enable (checked)
  • Disable: Combine only (unchecked)
  • Enable: Comment Removal (checked)
  • Enable: Line break removal (checked)

Escoge el tema que estes utilizando en la subsección CSS file management.

En otra ventana carga tu blog y visualiza el código fuente. En él busca todos los archivos .css y agrega cada uno en la subsección CSS file management. Si alguno tiene algún tipo de versionamiento (ej style.css?ver=1.2.3) borralo, es decir borra todo lo que venga después del .css

Graba, dale Deploy y Borra el Cache y revisa su funcionamiento, si algún estilo se pierde quita el css que crees que está dando el problema y vuelve a probar todo el sitio. No avances a la siguiente opción hasta que encuentres los resultados que necesites.

Javascript

Elige los siguientes parámetros:

  • Enabled: Enable (checked)
  • Disabled: Combine only after <head>
  • Disabled: Combine only after <body>
  • Disabled: Combine only before </body>
  • Enabled: Comment removal
  • Enabled: Line break removal

Escoge el tema de tu blog y al igual que con los CSS busca todos los js alojados en tu dominio y agrégalos uno a uno en la sección JS file management, especificando en la zona que se encuentra que es indicada en el combo box. Recuerda eliminar cualquier tipo de versionamiento.

Graba, dale Deploy y Borra el cache y prueba todo el sitio en busca de errores de JavaScript, elimina cualquier js de la lista en caso que te de error y no avances hasta que estes conforme.

Advanced

Asegurate que tenga los siguientes valores

  • Update external files every: 216000 seconds
  • Garbage collection interval: 216000 seconds
General
  • Enable: Rewrite URL structure (checked)
  • Enable: Automatically upload mofified files (checked)
  • Minify error notification: Enable this to get error notification if something goes wrong.
HTML
  • Enable: Enable (checked)
  • Disable: Don’t minify feed (checked)
  • Enable: Inline CSS minification (checked)
  • Enable: Inline JS minification (checked)
  • Enable: Line break removal (checked)

Graba y terminamos con la configuración de Page Cache.

2.3 Browser Cache

Nos dirigimos a la página de configuración de Browser Cache y nos aseguramos que tengan los siguientes valores.

General
  • Enable (checked): Set expires header
  • Enable (checked): Set cache control header
  • Disable (unchecked): Set entity tag (eTag)
  • Enable (checked): Set W3 Total Cache header
  • Enable (checked): Enable HTTP (gzip) compression
  • Disable (unchecked): Do not process 404 errors

Las secciones Cascading Style Sheets & JavaScript, HTML y Media & Other Files no sufrirán cambio alguno.

Grabamos y terminamos la configuración de Browser Cache.

2.4 Content Delivery Network (CDN)

Esta parte es muy importante ya que tendremos que hacer modificaciones en nuestro hosting para que funcione correctamente. En dado caso no tienes acceso puedes saltarte esta configuración pero valdría la pena que hicieras el esfuerzo, ya que el navegador carga más rápido si nuestro elementos estáticos no provienen del mismo dominio, por lo que crearemos un subdominio para esto.

Configuración en tu hosting
Subdominio

Entra en la administración de tu hosting y crea un subdominio subdominio.tudominio.com que apunte a una carpeta específica de tu sitio, donde se almacenarán todos los archivos estáticos de tu blog, por ejemplo si tu dominio fuera blog.com te recomiendo que tu subdominio sea static.blog.com.

Usuario FTP

Necesitarás crear un nuevo usuario FTP, creale un password y asegurate que apunta a la misma carpeta que el subdominio anterior y anota todos los valores necesarios para configurar un cliente FTP

Luego que ya tienes este cambio y el subdominio ya se propagó, dirigete a la administración de tu wordpress y accede a la sección de configuración CDN y verifica los siguientes valors:

General

Selecciona todas las casillas

Configuration
  • Selecciona Use passive FTP mode (si y solo si pasa la prueba que te indico abajo, si no la pasa, deselecciona esta opción para no causar serios problemas en el funcionamiento de tu blog).

Ingresa los valores de tu servidor para configurar tu cliente FTP. Un ejemplo podría ser el siguiente:

  • FTP Hostname: ftp.tudominio.com
  • FTP Username: tuusuario@servidorftp.com
  • FTP Password: *****
  • FTP Path: . (el punto indica que suba los archivos en la raiz del directorio que especificaste cuando creaste el usuario FTP)
  • SSL Support : Auto
  • Replace site’s hostname with: subdomino.dominio.com (el subdomino que creaste como static.blog.com por ejemplo)

Prueba tus servicio y si te indica Test Passed, graba y terminaste con esta sección, si tiene algún problema, revisa tus valores.

Regresa a la sección General y dale clic a todos lo botones de Upload files, para que mueva todos los archivos necesarios al CDN y con esto terminaríamos las configuraciones de esta sección.

Por último tienes que dirigirte a General Settings de W3 Total Cache y desactiva el Preview Mode para activar completamente el plugin, además es bueno que borres el cache, para que el sistema empiece desde cero.

Esta es la configuración que me ha funcionado y ha mejorado considerablemente el rendimiento de éste blog. En caso de cualquier duda, escríbela en los comentarios.

Artículos Relacionados

]]> http://mundocarnar.com/2011/04/22/como-configurar-w3-total-cache-para-optimizar-tu-blog/feed/ 24 Total de posts bajo una etiqueta en WordPresshttp://mundocarnar.com/2009/04/15/total-de-posts-bajo-una-etiqueta-en-wordpress/ http://mundocarnar.com/2009/04/15/total-de-posts-bajo-una-etiqueta-en-wordpress/#comments Wed, 15 Apr 2009 07:43:25 +0000 Carlos Narez http://carnar.byethost7.com/blog/index.php/2009/04/15/total-de-posts-bajo-una-etiqueta-en-wordpress/ Un pequeño truco, para aquellos que le echan mano a los templates de worpress.

Alguna vez me ha servido imprimir la cantidad de posts que tengo, de un tag específico y la forma de lograrlo es la siguiente:

query_posts('tag=' . 'ETIQUETA');
$n = 0;
while (have_posts()) {
the_post();
$n++;
}
echo $n;

Espero que les sirva.

Artículos Relacionados

]]> http://mundocarnar.com/2009/04/15/total-de-posts-bajo-una-etiqueta-en-wordpress/feed/ 0 IDE Ideal para Web 2.0http://mundocarnar.com/2007/07/23/ide-ideal-para-web-20/ http://mundocarnar.com/2007/07/23/ide-ideal-para-web-20/#comments Mon, 23 Jul 2007 16:27:42 +0000 Carlos Narez http://carnar.byethost7.com/blog/index.php/2007/07/23/ide-ideal-para-web-20/ logo-eclipse-ide.gif Navegando por internet y en búsqueda del IDE que cumpliera con la mayoría de mis expectativas (software libre, que corriera en Linux y que aplicara a la web 2.0), encontré a Eclipse IDE. Para mi, el IDE más escalable que he conocido debido a que tiene varios módulos, para java, c++, php, ajax y muchos más. Construyendo así tu IDE con lo que más utilizas.

En particular trabajo con PHP y Ajax y casualmente Eclipse tiene un módulo para cada uno de estos, como lo son PDT All-in-One y Aptana. Para instalarlo bajate e instalate el PDT All-in-One desde aquí y luego sigue las siguientes intrucciones ya con Eclipse abierto

  1. Abrimos la Plataforma Eclipse, y nos vamos en el menú Help -> Software Updates -> Find and Install
  2. Seleccionamos Search for new features to install, y pulsamos en Next
  3. Creamos un nuevo sitio pulsando en New Remote Site… y le añadimos lo siguiente:
    Name: Aptana y URL: http://update.aptana.com/update/ y luego damos clic en Finish
  4. En la ventana de Actualizaciones, marcamos el sitio Aptana, y pulsamos en Next.
  5. Acepta los términos de la licencia y pulsa en Next y a continuación en Finish para iniciar la descarga
  6. Cuando te pregunte dale sobre Install All y empezará la instalación

Otros Artículos

]]> http://mundocarnar.com/2007/07/23/ide-ideal-para-web-20/feed/ 0 Problema de hora incorrecta en PHPhttp://mundocarnar.com/2007/05/08/problema-de-hora-incorrecta-en-php/ http://mundocarnar.com/2007/05/08/problema-de-hora-incorrecta-en-php/#comments Tue, 08 May 2007 19:31:00 +0000 Carlos Narez http://carnar.byethost7.com/blog/?p=31 Realmente hay mucha información en la web de como mostrar la hora y fecha con php. Pero particularmente me encontré con un problema y es que cuando pedía la hora al servidor, me la retornaba con una o dos horas de diferencia.

Investigando un poco resolví este problema configurando el timezone a la región donde pertenezco y ahora para desplegar la hora escribo el siguiente código.

date_default_timezone_set("America/Guatemala");
echo date("H:i:s");

Si perteneces a otra zona pues solo sustituye America/Guatemala por la tuya. A continuación les dejo la dirección para ver las otras zonas.

Otros Artículos

]]> http://mundocarnar.com/2007/05/08/problema-de-hora-incorrecta-en-php/feed/ 0 Habilitar INNODB en XAMPPhttp://mundocarnar.com/2006/11/30/habilitar-innodb-en-xampp/ http://mundocarnar.com/2006/11/30/habilitar-innodb-en-xampp/#comments Thu, 30 Nov 2006 06:01:00 +0000 Carlos Narez http://carnar.byethost7.com/blog/?p=24 Para trabajar con transacciones con php y mysql en el ambiente xampp, se tiene que habilitar el soporte para base de datos innodb, esto lo logramos modificando el archivo my.cnf de mysql. Este archivo se encuentra en la siguiente ubicación:

Linux:
/opt/lampp/etc/my.cnf

Windows:
C:/apachefriends/xampp/mysql/bin/my.cnf
ó
C:/Archivos de programa/xampp/mysql/bin/my.cnf

ubicaciones default de la instalación.

En el archivo debemos comentar la siguiente linea

skip-innodb

y descomentar las siguientes

#innodb_data_home_dir = C:/apachefriends/xampp/mysql/
#innodb_data_file_path = ibdata1:10M:autoextend
#innodb_log_group_home_dir = C:/apachefriends/xampp/mysql/
#innodb_log_arch_dir = C:/apachefriends/xampp/mysql/

luego grabamos y reiniciamos el servicio.

Otros Artículos

]]> http://mundocarnar.com/2006/11/30/habilitar-innodb-en-xampp/feed/ 2 Transacciones en PHP y MySQLhttp://mundocarnar.com/2006/11/30/transacciones-en-php-y-mysql/ http://mundocarnar.com/2006/11/30/transacciones-en-php-y-mysql/#comments Thu, 30 Nov 2006 04:29:00 +0000 Carlos Narez http://carnar.byethost7.com/blog/?p=19 Esto no es nada nuevo, pero me gustaría postearlo aquí debido a que me acaba de servir y estas son dos herramientas muy utilizadas a nivel mundial.

Primero que todo necesitamos contar con los servidores (php y mysql) instalados previamente. Luego necesitamos habilitar el soporte INNODB en mysql, ver en este post.

Es importante saber que las transacciones son soportadas solo para las tablas tipo innodb, así que necesitamos crear las tablas o modificarlas con éste tipo. Esto se logra fácilmente con el atributo ENGINE = INNODB.

Aquí esta el código para hacerlo.

Crear:
CREATE TABLE tabla ... ENGINE = INNODB;

Modificar:
ALTER TABLE tabla ENGINE = INNODB;

No hay que preocuparse con los datos en la modificación ya que no sufren alteraciones.

Luego ya en el código de php tendremos algo como lo siguiente:

$SERVIDOR="TuHost";
$BASE_DATOS="TuBaseDeDatos";
$USUARIO="TuUsuario";
$PASSWORD="TuPassword";

$db = mysql_connect($SERVIDOR,$USUARIO,$PASSWORD);
mysql_select_db($BASE_DATOS,$db);
$error = 0; //variable para detectar error

mysql_query("BEGIN"); // Inicio de Transacción

$result=mysql_query("INSERT INTO tabla1 VALUES (1,1000)");

if(!$result)
$error=1;

$result=mysql_query("INSERT INTO tabla2 VALUES (1,2000)");

if(!$result)
$error=1;

if($error) {
mysql_query("ROLLBACK");
echo "Error en la transaccion";
} else {
mysql_query("COMMIT");
echo "Transacción exitosa";
}

En el código anterior se ven 2 inserciones que se realizarán (COMMIT) si no ocurre ningún error en las dos, en caso contrario se regresarán sus valores anteriores (ROLLBACK).

Bueno espero que les sirva y si tienen alguna duda ya saben; pongan su comentario.

Otros Artículos

]]> http://mundocarnar.com/2006/11/30/transacciones-en-php-y-mysql/feed/ 0