Cómo crear una página de inicio rápida: presentación para los clientes

Tenemos muchos clientes maravillosos aquí en WP Rocket. De hecho, los comentarios constructivos ofrecidos por nuestros clientes y la palabra en la boca que comparten con sus amigos/clientes/colegas fueron algunas de las principales razones de nuestro crecimiento. Entonces, en esta publicación, quería presentar a algunos clientes que tengan páginas iniciales muy rápidas. Quiero no solo tomarme mi tiempo para anunciarlos públicos porque son maravillosos, sino también para darle a los otros clientes algo de inspiración y consejos. Lonerwolf.com: un elegante blog de Mateo & Sol ha creado un elegante y pensamientos que son muy rápidos.

URL: http://lonerwolf.com
Tiempo de carga: 429 ms
Número de solicitudes: 37
Tamaño de la página: 570.1 KB
Hosting: SiteGround, Enterprise Cloud Hosting
Tema: Swank, tema del niño para Génesis
CDN: Maxcdn
Memorización de caché: cohete WP
Otros: jugos de nubeProxy

¿Cómo lo hicieron? Mateo compartió algunos detalles sobre su proceso. Construya sobre una gran base “Génesis me permitió” cortar “partes lentas de mi tema, como la sección de comentarios (cada solicitud grave era una carga significativa) y, en contraste, descargarla a descuento. Debido a que es tan rico en “ganchos”, me permitió hacer muchas personalizaciones diferentes, sin confiar en un complemento adicional, como, por ejemplo, mi barra superior, que es un área de widget personalizada reemplazando la necesidad de cargar la barra de saludo enchufar. También decidí cargar jQuery en el sótano usando Genesis Hooks “.
“Uso MaxCDN que até al firewall de CloudProxy. En realidad, es una configuración sorprendentemente maravillosa, porque, además de la protección de la seguridad, también me beneficio de un aumento de velocidad adicional de CloudProxy Cache, que elimina la demanda adicional de mi servidor de SiteGround de Origin ”. Los resultados “cuando agregué WP-Rocket y noté una disminución en el tiempo de carga durante casi dos segundos, experimentamos un aumento significativo en el tráfico, así como una tasa de rechazo más baja debido a una estación más larga”. Continúa refinando “Decidí jugar con diferentes partes” pesadas “de mi sitio. Mi tema de Genesis se basa en mi gravatar para cargar la imagen de la caja del autor, por lo que eliminé esta adicción a la gravatar y encontré una manera de alojar la imagen de la caja del autor. Mis siguientes dos grandes cerdos de carga fueron “incrustar.js” de Desqu y “sdk.js” de Facebook para el botón similar. Escribí un nuevo archivo de script en el que cargué Facebook y Desquus 3 segundos después de que la página en sí estuvo completamente cargada. Agregué este nuevo archivo de script al proceso de minería WP-Rocket Mini-Trick para cargar en el sótano “.
Desde el punto de vista de contenido, lo que noto en su página inicial es que todas las imágenes están bien optimizadas con archivos pequeños. Es hermoso y efectivo para resaltar su contenido, sin campanas y silbatos innecesarios (por ejemplo, no hay control deslizante). Por lo tanto, le permite al visitante obtener una excelente visión general de su contenido, de un vistazo, y profundizar lo que le interesa. Pure Planet Recycling: un sitio de negocios eficiente Pure Planet Recycling ha creado una página inicial simple pero efectiva que tiene muchos elementos populares, como una presentación de diapositivas y las últimas publicaciones de blog, pero sin sacrificar la velocidad. URL de la ventaja: http: // www .pureplanetrecycling.co.uk

Tiempo de carga: 497 ms
Número de solicitudes: 18
Tamaño de la página: 624.1 KB
Hosting: Host de TSO, alojamiento compartido
Tema: estilo de vida pro, tema infantil para Génesis
CDN: sin CDN
Memorización de caché: cohete WP
Realmente me gusta este sitio como ejemplo para aquellos de ustedes que no son desarrolladores experimentados. Nuestro cliente, Phil, hizo un poco de personalización, como él describe a continuación, pero nada demasiado técnico. También utiliza un tema disponible y alojamiento barato. En general, recibe lo que paga por el alojamiento, pero en este caso Tsohost parece ser un anfitrión de confianza y accesible. Aquellos que se encargan del presupuesto estarán encantados de descubrir que ha alcanzado esta velocidad sin usar un CDN.

Esto es lo que Phil compartió sobre su proceso: “Utilizo Tsohost como anfitrión web, utilizando su plataforma común aquí en el Reino Unido. Me aconsejaron que alojara los sitios de WordPress, con un solo clic en el panel de control fue muy fácil. Con menos de 50 libras al año, es barato y lleno de las funciones que necesitaba ”. Optimizaciones de sentido común “Utilizo el tema de estilo de vida pro en Génesis. He personalizado la apariencia y algunas de las características del sitio, siempre considerando la velocidad de la página. Eliminé una fuente web que no usé desde que llamé a la plantilla y eliminé un código que no usé, pero no desarrollando, solo pude hacerlo. Luego miré los complementos de caché para ayudar más … Intento asegurarme de que todos los complementos, páginas y publicaciones se actualicen y no contengan errores para asegurar que no haya retraso en la carga del sitio sensible “Al cargar las imágenes En el sitio, asegúrese de que hayan sido optimizados y reducidos en tamaño para garantizar mejores tiempos de carga. ”
Velocidad y soporte de WP Rocket “Me considero técnicamente competente, pero no un desarrollador en ninguna forma o forma, por lo que cuando WP Rocket ayudó a configurar mi instalación para una entrega óptima, ciertamente tengo mejoras visibles de velocidad. Probé otros arados para la velocidad de la página, pero WP Rocket dio los mejores resultados “. Dariovignali.net – un blogger fuerte
URL: http://www.dariovignali.net

Tiempo de carga: 380 ms

Número de solicitudes: 56
Tamaño de la página: 1 MB
Hosting: SiteGround, Plan Go Geek, incluido Supercacher
Cloudflare: plan gratuito
Tema: Metro Pro para Génesis: Maxcdn
Memorización de caché: cohete WP
El sitio web de Dario es otro buen ejemplo para aquellos que no son desarrolladores. Tiene una página de inicio de blog bastante típica, con varios fragmentos de publicaciones de blog que se muestran, cada una con una imagen presentada. También tiene una barra lateral con múltiples imágenes, widgets, etc. Pero el tiempo de carga general sigue siendo un rayo.
Dario atribuye esto a una combinación de alojamiento, caché, CDN y optimización de imágenes: “Era un usuario de Bluehost en el pasado, pero SiteGround ha cambiado el juego. Utilizo MaxCDN y ha mejorado drásticamente la velocidad de carga. También uso kraken.io (para optimización de imágenes). Pasé de la caché total W3 a WP Rocket y nunca tuve un solo problema. Simple y eficiente “. Dennis Jauernig – Portafolio fotográfico
Dennis tiene pasos de desarrollo, por lo que cuando descubrió que los blogs de fotos típicos de WordPress están demasiado hinchados y lentos, decidió crear sus propios temas. Como puede ver, esto le permite presentar imágenes grandes y hermosas sin sacrificar la velocidad.

Dirección de URL: https://www.dennisjauernig.com
Tiempo de carga: 476 ms

Número de solicitudes: 42
Tamaño de la página: 1.9 MB
Servidor: servidor raíz con Debian 7, cuatro núcleos, 16 GB de RAM
Tema: personalizado
CDN: No.
Memorización de caché: cohete WP
Dennis ha creado un tema muy optimizado y un entorno de servidor para sus necesidades. Su tema personalizado incluye optimización automática de imágenes (tamaño/calidad), entrega de las dimensiones de la imagen dependiendo del navegador y el ancho móvil/de escritorio, minificación y concatenación de archivos CSS/JS, utilizando como pocos archivos/scripts JS, base64 para imágenes pequeñas.
Su entorno de servidor incluye Apache personalizado MaxRequestWorkers y ServerLimit para las necesidades de este sitio, ya que pocos módulos Apache, solicitudes KeepAlive, compresión HTTPS (mod_deflate) para todos los archivos, use el instrumento “AB” Apache para probar el rendimiento, suficiente para minimizar el uso del uso del uso de desct.
Consejos para optimizar la página inicial Mientras es un desarrollador calificado o tiene un presupuesto para trabajar con uno, le permitirá obtener el mejor rendimiento en su sitio, todavía hay pautas importantes que seguir incluso para los no técnicos.De hecho, cuanto menos técnica sea, más serán sus elecciones en las áreas a continuación, se vuelven más importantes, en términos de rendimiento del sitio.

Un excelente alojamiento es una necesidad, esta es la base de su sitio, por lo que obtiene el mejor alojamiento que puede pagar. En los ejemplos anteriores, SiteGround y Tsohost demuestran ser confiables, rápidos y accesibles. El alojamiento web estándar probablemente le brindará rendimiento estándar. Elegir el tema es crucial No sabía cuándo comencé esta publicación de blog que el tema Genesis será tan prominente. Parece que 3 de los 4 sitios aquí usan la tarea de los niños. Mientras que los temas “multiscop” del fregadero de la cocina se encuentran en Themeforest, etc. Pueden ser atractivos, porque han incorporado todas las características bajo el sol, también tiende a ser su caída, en términos de rendimiento. Hay posibilidades de no usar todas las funciones que ofrece y probablemente no necesite los efectos fantasiosos que pueden parecer excelentes al principio, pero requiere la carga de archivos JavaScript adicionales. Sería para su beneficio pensar realmente en las necesidades de su sitio, diseño y contenido y elegir un tema simplificado y concentrado. No necesita todas las campanas y silbatos al final del día, especialmente si le preocupa el rendimiento. Si usted es un desarrollador que tiene la capacidad de personalizar un tema, eventualmente desmontará las partes que no necesita. Pero si no, sería mejor ir con algo construido para la velocidad primero. Presente el contenido de destino No sobrecargue la página de inicio con contenido inútil. ¿La diapositiva en la pantalla completa realmente sirve a un objetivo o se ven bien?