Mejorar el PageSpeed de una tienda Prestashop

En Prestashop las cosas más básicas que tenemos que hacer para mejorar el rendimiento de nuestra página ante el cruel e inmisiericordioso PageSpeed de Prestashop son dos:

Te vas a Parámetros Avanzados / Rendimiento

Aplicas Caché, y colocas una opción que indique no recompilar las plantillas.

Luego más abajo activas el CCC el cual optimizará la carga del Javascript y CSS.

Yo hice eso el PageSpeed de mi tienda Prestashop pasó de ser 50 a ser de... 50

Si, así de inútil me fue aplicar estas medidas... Me pareció sumamente frustrante.

Sin embargo, luego entré en el Cpanel del hosting y encontré la opción Optimizar el sitio web. La fulana optimización es realmente la compresión del contenido. En esta característica tenía tres posibilidades: Deshabilitarla, comprimir todo el contenido y comprimir según el tipo de archivo.

Yo le di comprimir todo el contenido y voilá, de un PageSpeed de 50 logré que se optimizara a un 70.

Primeros pasos en microfameworks php Slim Php 3 Beta

Cuando los frameworks de PHP son mucho con demasiado, llega el momento de probar cosas más sencillas. Hoy me he decantado por Slim php, uno de los microframeworks que al juzgar, lleva buena reputación, al ser un verdadero micro framework y prestar un rendimiento verdaderamente bueno.

Luego de una existosa versión 2, está disponible Slim 3 Beta 1 para empezar a probar el mismo y ponerte las pilas con microframeworks: crea tu carpeta y comienza en composer:

composer require slim/slim:3.x-dev

Así comenzarás a trabajar con tu versión 3 beta 1 y tomarás la delantera en los microframeworks. Si crees que tu proyecto es demasiado chico para tener que utilizar un framework, puede que tengas toda la razón. Pero jamás será muy pequeño para un microframework, el cual podrá permitirte cumplir aunque sea con las medidas más básicas de seguridad en peticiones y en base de datos.

Actualización

Una forma sencilla de empezar, con cosas ya añadidas es trabajar con la app skeleton de Rob Allen. Basta con tipear

composer create-project -n -s dev akrabat/slim3-skeleton my-app

Y tendrás en tu carpeta my-app una app con estructura.

Decodificar html entities con Jquery

Si tenemos una cosa como "<p>name<" y queremos mostrarlas en cristiano empleando Jquery hacemos una cosa tonta

var text = '<p>name&lt';
var decoded = $('

'
).html(text).text();
alert(decoded);

Las html entities van a quedar reemplazadas por su símbolo, como puede verse en el ejemplo.

Fuente

Problemas con typeahead.js

Pues typeahead.js es una libreria javascript hecha por twitter que permite hacer búsquedas y autocompletados. Al ser de twitter, pensé que podría ser bueno usarla. Que iba a ser responsive, muy bien documentada y todo eso.Ayer empecé con ella y me pasaron cosas interesantes.

Fallan los estilos de bootstrap:

necesitaba utiliar un input que sería a lo largo de toda la pantalla. Al implementar el typeead.js se perdía todo. Ya otras personas habían pasado por eso e inventaron una serie de parches en css que se encuentran disponibles en typeahead.js-bootstrap3.less.

Las direcciones relativas fallan:

Algo jocoso. Te puede pasar que cuando vas a implementar el componente Bloodhound, si usas en el prefetch una dirección relativa (que de hecho son las que utilizan en los ejemplos) pues no va a cargar la data. Así como lo oyes. A mi me pasó eso en el entorno local ¿y sabes lo más loco? que cuando lo monté en el servidor si me funcionaron las direcciones relativas.

Espacios del json:

Cuando le pasaba un json [{"con":"formato"},{"similar":"a este"}] no hacía las búsquedas. Sin embargo:
[
  {
  "con":"formato"
  },
  {
  "similar":"a este"
  }
]

Me funciona a la perfección.

Tres cosas que me hicieron estos dos días dudar de todo en la vida.