{"id":2353,"date":"2017-07-22T11:02:37","date_gmt":"2017-07-22T16:02:37","guid":{"rendered":"https:\/\/www.puchunguis.com\/blog\/?p=2353"},"modified":"2017-07-22T11:02:37","modified_gmt":"2017-07-22T16:02:37","slug":"como-acelerar-tus-plataformas-web","status":"publish","type":"post","link":"https:\/\/www.jorgealdana.pro\/blog\/general\/como-acelerar-tus-plataformas-web\/","title":{"rendered":"\u00bfC\u00f3mo acelerar tus plataformas web?"},"content":{"rendered":"

Cuando desarrollamos plataformas no siempre pensamos en la velocidad y casi siempre es muy tarde para reprogramar todo de la manera correcta, por ello te doy algunos consejos de infraestructura la mayor\u00eda que pueden apoyarte y se basan enteramente en mi experiencia:<\/p>\n

Cambiar a Nginx<\/h2>\n

Nginx es un servidor web que puede ser utilizado tambi\u00e9n como proxy de alto rendimiento, es de software libre y de c\u00f3digo abierto, licenciado bajo la Licencia BSD simplificada; tambi\u00e9n existe una versi\u00f3n comercial distribuida bajo el nombre de nginx plus.<\/p>\n

Nginx es multiplataforma, por lo que corre en sistemas tipo Unix (GNU\/Linux, BSD, Solaris, Mac OS X, etc.) y Windows.<\/p>\n

Es una alternativa al servidor Apache y la raz\u00f3n principal de su popularidad es muy obvia, es un servidor muy r\u00e1pido, el cual puede soportar alto tr\u00e1fico, puede utilizar PHP en modalidad PHP-FPM (FastCGI Process Manager).<\/p>\n

Algo que tienes que considerar es que si decides hacer uso de Nginx, es que si actualmente usas Apache, la sintaxis de los .htaccess cambian \u00a0por lo que tendr\u00e1s que modificarlo y cambiar la sintaxis para que tu sitio\/sistema web funcionen correctamente.<\/p>\n

Una manera o truco para los que les sea muy complicado realizar esto, o no desean arriesgarse, es utilizar\u00a0Nginx como reverse proxy, siendo intermediario entre el servidor (que puede ser apache, IIS etc..) y el usuario, de tal forma que nginx cachear\u00e1 todo el contenido y la respuesta ser\u00e1 m\u00e1s r\u00e1pida, de esta manera no tendr\u00e1s que alterar tu servidor actual.<\/p>\n

\"\"<\/p>\n

https:\/\/www.nginx.com<\/a><\/p>\n

\n

Utilizar memcached o Redis<\/h2>\n

Implementa un motor de base de datos basado en memoria, puede ser memcached, Redis o mongo. La memoria RAM es mucho m\u00e1s r\u00e1pida en lectura-escritura que la ROM.<\/p>\n

Yo utilizo memcached y me ha funcionado bastante bien, pero \u00bfqu\u00e9 puedes almacenar en memoria? absolutamente todo, strings, objetos, arreglos.<\/p>\n

En mi caso suelo almacenar la informaci\u00f3n de los resultados de consultas a mis base de datos que suelen ser repetitivas, como cat\u00e1logos b\u00fasquedas entre otros, de tal manera que la pr\u00f3xima ves que se ejecute la misma consulta, solo tengo que recurrir a los datos cacheados en memcached y as\u00ed no consumir\u00e9 recursos en conectarmerme a la bdd y ejecutar la consulta.<\/p>\n

La instalaci\u00f3n es sumamente sencilla y PHP cuenta con una extensi\u00f3n el cual puedes instalar con PECL con el cual podr\u00e1s hacer uso de las funciones y m\u00e9todos de manera nativa.<\/p>\n

En caso que no puedas realizar la instalaci\u00f3n de la extensi\u00f3n hay liber\u00edas que puedes utlizar como \u00abMemcached Client\u00bb:
\nhttps:\/\/github.com\/fwolf\/memcached-client<\/p>\n

Su uso es tan sencillo como:<\/p>\n

<?php\r\n\/\/Conecta\r\n$m\u00a0=\u00a0new\u00a0Memcached();\r\n$m->addServer('localhost',\u00a011211);\r\n\/\/Almacena\r\n$m->set('identificador',\u00a0'una\u00a0cadena\u00a0sencilla');\r\n\/\/Obtiene\r\necho\u00a0$m->get('identificador');\r\n?><\/pre>\n
 <\/p>\n
MySQL recomienda su uso y hay documentaci\u00f3n oficial al respecto, de como usar MemCached + (PHP,C,C++,Perl, Phyton, Ruby y JAVA) + MySQL:
\nhttps:\/\/dev.mysql.com\/doc\/refman\/5.6\/en\/ha-memcached-interfaces.html<\/a><\/p>\n
\n
Utilizar un CDN<\/h2>\n
Utiliza un CDN (content delivery network) para tus recursos est\u00e1ticos. \u00bfQu\u00e9 es un CDN? un CDN es una red de entrega de contenidos en el cual cualquier archivo que almacenes en un contenedor, ser\u00e1 replicado en los diversos PoP (puntos de presencia) a escala mundial, de tal manera que cuando un usuario ingrese a tu sitio o sistema y su navegador invoque por ejemplo a: \u00abtemplate.css\u00bb, el CDN determinar\u00e1 cual PoP es el m\u00e1s cercano al usuario para responder la petici\u00f3n desde ah\u00ed, esto minimiza el tiempo de respuesta y ahorra recursos de procesamiento a tu servidor.<\/p>\n
Las ventajas son simples: mayor velocidad de respuesta, ahorro de recursos de procesamiento, memoria y ancho de banda.<\/p>\n
Existen muchos CDN la gran mayor\u00eda son de paga y cobran por el ancho de banda que transfieran, en lo personal yo uso CloudFiles de Rackspace y lo utilizo por ejemplo para este blog, en el cual se almaceno las im\u00e1genes:<\/p>\n
Ejemplo:
\nhttps:\/\/484c2a6d15c399b70beb-b1e2a15a3df201703b71bb9b31acda05.ssl.cf5.rackcdn.com\/2017\/07\/reverseproxy-1024×217.png<\/a><\/p>\n
Cloudfiles de Rackspace tiene soporte de Alias CNAME, por tanto la URL anterior puede ser invocada de la siguiente manera:<\/p>\n
http:\/\/cdn.puchunguis.com\/2017\/07\/reverseproxy-1024×217.png<\/a><\/p>\n
Yo te recomiendo cachear todo tipo de contenidos est\u00e1ticos, como: archivos css, js, im\u00e1genes y fuentes.<\/p>\n
Existen muchas alternativas, como Microsoft Azure File Storage, Amazon S3, Akamai y muchos m\u00e1s, tendr\u00e1s que evaluar cual es el que m\u00e1s te conviene.<\/p>\n
Si deseas una alternativa gratuita puedes usar CloudFlare, al instalarlo autom\u00e1ticamente implementa la funci\u00f3n CDN en tu sitio, pero no tendr\u00e1s control de \u00e9ste, ya que CloudFlare decidir\u00e1 que cachea y que no.<\/p>\n
\"\"<\/p>\n
\n
Utiliza AMP<\/h2>\n
Antes ten\u00edamos WML, luego salieron las p\u00e1ginas responsivas, pero ahora tenemos a AMP.<\/p>\n
El proyecto AMP es muy simple, es una iniciativa de c\u00f3digo abierto que busca mejorar el rendimiento de las p\u00e1ginas haciendo que los sitios web y anuncios sean consistentemente r\u00e1pidos y de alto rendimiento en dispositivos y plataformas de distribuci\u00f3n m\u00f3vil.<\/p>\n
Funciona controlando la renderizaci\u00f3n de los elementos bajo demanda, quit\u00e1ndole al navegador el control, de tal forma que los elementos web los cargar\u00e1 cuando el usuario los necesite, de esta manera la carga es mucho mas r\u00e1pida.<\/p>\n
Por lo que te sugiero realizar una versi\u00f3n m\u00f3vil especial para tu sitio en versi\u00f3n AMP, siempre y cuando esto sea viable, ya que este framework tiene algunas limitantes entre ellas el uso avanzado de javascript.<\/p>\n
https:\/\/www.ampproject.org\/es\/<\/a><\/p>\n
\n
Comprime el contenido de los recursos est\u00e1ticos<\/h2>\n
El tama\u00f1o si importa, digan lo que digan. Mientras m\u00e1s grande sea un archivo m\u00e1s tiempo le tomar\u00e1 a tu servidor procesarlo y transferirlo, por tanto es vital que tus recursos sean lo m\u00e1s ligeros posibles, entonces \u00bfqu\u00e9 podemos hacer para aligerarlos?<\/p>\n