Mi sitio web se está cargando lentamente. Al comprimir el CSS, el aspecto del sitio empeora. ¿Qué tengo que hacer?

Hubiera sido más fácil analizar su sitio web. Sin embargo, estos son algunos consejos generales para mejorar el rendimiento de un sitio web.

Use Memcached en su servidor.
En lugar de comprimir CSS / Javascript, intente comprimir todo su sitio web. Gzipping generalmente reduce el tamaño de la respuesta HTTP en aproximadamente un 70%
Fuentes de Google, Google Analytics, tiempos de carga del efecto Google Maps.
Use CDN para Jquery y Twitter Boostrap CSS (si está usando el marco Bootstrap)

Editar: A continuación se muestra una lista más completa de reglas de Steve Sounders para desarrollar sitios web súper rápidos.

Incluso Quora lo hace: ¿cómo es el sitio web de Quora tan rápido?

Regla 1 – Hacer menos solicitudes HTTP
Regla 2 – Use una red de entrega de contenido
Regla 3 – Agregar un encabezado de caducidad
Regla 4 – Componentes Gzip
Regla 5 – Poner hojas de estilo en la parte superior
Regla 6 – Ponga guiones en la parte inferior
Regla 7 – Evita las expresiones CSS
Regla 8 – Hacer JavaScript y CSS externos
Regla 9 – Reducir las búsquedas de DNS
Regla 10 – Minificar JavaScript
Regla 11 – Evita los redireccionamientos
Regla 12 – Eliminar secuencias de comandos duplicadas
Regla 13 – Configurar ETags

Soy un buen diseñador de interfaz de usuario en el Reino Unido. ¿Cómo atraigo a más clientes de inicio (Reino Unido o EE. UU.)?

He escrito mi SEO para mi sitio web. ¿Cómo hago para que se publique en el sitio?

Necesito extraer datos de un sitio web. ¿Qué herramienta de raspado web es la mejor?

Soy un diseñador de UX / UI de nivel medio (con más experiencia en el lado de UI). ¿Debo unirme a una empresa grande (y especializarme en riesgos, que no quiero hacer), o una empresa más pequeña (y estabilidad de riesgo)?

Como desarrollador, ¿debería realmente dedicar más tiempo a corregir mi sangría en el código?

Mi sitio muestra algunas descripciones de spam en los resultados de búsqueda de Google y se ignora la meta descripción de mi sitio. ¿Qué tengo que hacer?

Hay niveles de optimización que puede hacer para acelerar cualquier sitio web de WordPress.

El primero está relacionado con el servidor. Si su servidor apesta, entonces, no tiene mucho que hacer al respecto. La mayoría de los servicios de alojamiento compartido se ajustan a ese perfil.

El segundo está relacionado con WordPress. Dependerá de tus habilidades y tus finanzas 🙂

Acelerar WordPress se realiza mediante:

Optimización de imágenes (Imagify es mi complemento principal para eso)
Minificación, concatenación (agrupación de archivos)
Optimizar las funciones principales cuando sea posible (como eliminar los scripts de WooCommerce en páginas que no sean de productos)
Deshacerse de complementos innecesarios implementándolos como funciones cuando sea posible
El uso de un sistema de almacenamiento en caché confiable son algunos ejemplos de componentes de optimización

Yo personalmente uso WP Rocket ($ 39). Para mí, es la mejor herramienta de caché y optimización para WordPress, sin tener que lidiar con un tablero abrumador. Hay otros complementos gratuitos que también se pueden usar.

El problema al que se enfrenta con CSS al aumentar el diseño es bastante común al optimizar cualquier sitio WP.

Está intentando agrupar archivos que, por alguna razón, no lo admiten. Lo que hacemos en este caso particular es excluir archivos que no queremos agrupar, y eso podría romper el tema. Eso incluye generalmente algunos temas y complementos CSS y archivos JS.

El proceso requiere muchas pruebas y depuración para encontrar qué archivo no admitirá ser agrupado con otros.

¡Buena suerte!

/ *

¿Fue útil esto?

¡Pasa por mi blog ! Hay algunos artículos interesantes sobre WordPress, SEO, marketing web, alojamiento web y todo lo demás.
O cómprame un café 🙂

* /

Naveen Paul

Bueno, minimizar css tiene un impacto relativamente lento en la carga de velocidad, y fusionar diferentes archivos es fácil de hacer que se bloqueen

Recomendaría revertir el cambio y optimizar diferentes partes del sitio web (imágenes, elementos dom, solicitudes http y el tipo de optimizaciones que tienen un gran impacto en la velocidad web)

Si agrega el enlace para el portal, podemos darle más detalles sobre cómo optimizarlo, pero analizarlo con http://gtmetrix.com le dará la mayoría de los consejos necesarios para optimizar su velocidad.

David Aldred

Puede intentar usar las herramientas de desarrollador disponibles en la mayoría de los navegadores modernos para identificar exactamente qué elementos de la página se están cargando lentamente.

Por ejemplo, has mencionado que las imágenes terminan el CSS; pero si tiene una rotación de imagen, es casi seguro que esté basada en Javascript. ¿Quizás está cargando archivos de la biblioteca JS desde un servidor remoto lento? El análisis de los tiempos de carga de elementos en las herramientas de desarrollo de su navegador ayudaría a identificar esto.

Naveen Paul

Use CloudFlare (www.cloudflare.com) para almacenar en caché sus activos estáticos en su CDN. Obtendrá un buen retorno.

David Aldred

Vaya a Pingdom – Monitoreo del sitio web y haga revisar su sitio. (Es gratis.) El informe le dirá exactamente qué es lo que está ralentizando su página y luego, puede solucionar lo que está mal.

Naveen Paul

More Interesting

Si quiero crear este tipo de sitios web, ¿qué debo hacer?

Ya tengo un sitio web básico, pero quiero contratar a alguien para agregar gráficos atractivos, ¿contrataría a un diseñador web u otra persona?

Estoy alimentando el sitio web de un banco usando WordPress. ¿Qué medidas de seguridad debo tomar?

Quiero aprender diseño web desde cero ¿Cuáles son los pasos?

Tengo un sitio web y recibí muchas reclamaciones de contracargos. Tengo que desarrollar un algoritmo de detección. ¿Cómo puedo hacer eso?

Soy desarrollador web y estoy más interesado en la implementación de una idea que en la codificación. Cuales son mis posibilidades?

Cómo mencionar mi nombre en un sitio web que estoy desarrollando

Estoy buscando un gran diseñador web para una renovación del sitio: necesito wordpress, branding / logo, habilidades de SEO. Experiencia en diseño para pequeñas empresas y consultores un plus. ¿Quién está afuera?

Acabo de terminar mi primer sitio web simple usando HTML / CSS. ¿Qué tan preocupado debería estar con el aprendizaje de habilidades de diseño mientras estoy aprendiendo a codificar?

Me gustaría aprender desarrollo web. ¿Cómo debería uno desarrollar informalmente conocimiento en programación y desarrollo web a través del autoaprendizaje?