Los usuarios finales esperan un mejor rendimiento y velocidad del servidor. Por lo tanto, debe concentrarse en la optimización adecuada del servidor web. Tiene un impacto significativo en el rendimiento de su servidor web. En esta documentación, hemos analizado diferentes formas de aumentar la velocidad general de su servidor mediante ShopEngine.

Cómo aumentar el rendimiento de su servidor con ShopEngine #

Hay dos caminos que puedes seguir para mejorar el rendimiento de su servidor. Eche un vistazo a los detalles a continuación.

Política de caché de activos del método 1 #

Puede servir activos estáticos con una política de caché eficiente Siguendolo Procesos manuales y uso de un complemento..

Proceso manual #

Hay dos caminos puede seguir para realizar manualmente la política de caché de activos.

Servidor Apache #

Es un proceso sencillo, sólo tienes que Copie y pegue el siguiente código en su archivo .htaccess.

AddType texto/css .css AddType texto/x-component .htc AddType aplicación/x-javascript .js AddType aplicación/javascript .js2 AddType texto/javascript .js3 AddType texto/x-js .js4 ExpiresActive On ExpiresByType texto/css A31536000 ExpiresByType texto/x-componente A31536000 ExpiresByType aplicación/x-javascript A31536000 ExpiresByType aplicación/javascript A31536000 ExpiresByType texto/javascript A31536000 ExpiresByType texto/x-js A3 1536000 ExpiresByType texto/html A3600 ExpiresByType texto/texto enriquecido A3600 ExpiresByType imagen /svg+xml A3600 ExpiresByType texto/plain A3600 ExpiresByType texto/xsd A3600 ExpiresByType texto/xsl A3600 ExpiresByType texto/xml A3600 ExpiresByType video/asf A31536000 ExpiresByType video/avi A31536000 ExpiresByType imagen/bmp A31 536000 Aplicación ExpiresByType/java A31536000 Vídeo ExpiresByType/divx A31536000 Aplicación ExpiresByType/msword A31536000 Aplicación ExpiresByType/vnd.ms-fontobject A31536000 Aplicación ExpiresByType/x-msdownload A31536000 Imagen/gif ExpiresByType A31536000 Aplicación ExpiresByType/x-gzip A31536000 Imagen ExpiresByType/x-icon A 31536000 Imagen ExpiresByType/jpeg A31536000 Aplicación ExpiresByType/json A31536000 ExpiresByType aplicación/vnd.ms-access A31536000 ExpiresByType audio/midi A31536000 ExpiresByType vídeo/quicktime A31536000 ExpiresByType audio/mpeg A31536000 ExpiresByType vídeo/mp4 A31536000 ExpiresByType vídeo/mpeg A31536000 ExpiresB aplicación yType/vnd.ms-project A31536000 ExpiresByType aplicación/x-font- otf A31536000 Aplicación ExpiresByType/vnd.ms-opentype A31536000 Aplicación ExpiresByType/vnd.oasis.opendocument.database A31536000 Aplicación ExpiresByType/vnd.oasis.opendocument.chart A31536000 Aplicación ExpiresByType/vnd.oasis.opendocument.formula A31536000 Expires Aplicación ByType/vnd.oasis .opendocument.graphics A31536000 ExpiresByType aplicación/vnd.oasis.opendocument.presentation A31536000 ExpiresByType aplicación/vnd.oasis.opendocument.spreadsheet A31536000 ExpiresByType aplicación/vnd.oasis.opendocument.text A31536000 ExpiresByType audio/ogg A31536000 ExpiresByType solicitud/pdf A31536000 Imagen ExpiresByType /png A31536000 Aplicación ExpiresByType/vnd.ms-powerpoint A31536000 Audio ExpiresByType/x-realaudio A31536000 Imagen ExpiresByType/svg+xml A31536000 Aplicación ExpiresByType/x-shockwave-flash A31536000 Aplicación ExpiresByType/x-tar A31536 000 Imagen ExpiresByType/tiff A31536000 Aplicación ExpiresByType/ x-font-ttf A31536000 ExpiresByType aplicación/vnd.ms-opentype A31536000 ExpiresByType audio/wav A31536000 ExpiresByType audio/wma A31536000 ExpiresByType aplicación/vnd.ms-write A31536000 ExpiresByType aplicación/font-woff A3153600 0 Aplicación ExpiresByType/font-woff2 A31536000 Aplicación ExpiresByType /vnd.ms-excel A31536000 Aplicación ExpiresByType/zip A31536000 Tamaño de FileETag MTime Encabezado establecido Pragma "público" Encabezado agregado Cache-Control "público" Encabezado no establecido Set-Cookie  Tamaño de FileETag MTime Conjunto de encabezados Pragma "público" Conjunto de encabezados Cache-Control "edad-máxima=3600, público"  Tamaño de FileETag MTime Conjunto de encabezado Pragma "público" Conjunto de encabezado Cache-Control "max-age=31536000, público" Encabezado no establecido Set-Cookie Conjunto de encabezado Política de referencia "sin referencia cuando se baja de categoría"

Servidor Nginx #

Agregue el siguiente fragmento al interior del bloque de su servidor, que generalmente se encuentra en /etc/nginx/site-enabled/default. una directiva global de vencimiento que será heredada por sus bloques de ubicación existentes.

Encabezados de control de caché con caducidad:

mapa $request_uri $expires {predeterminado desactivado; ~*\.(jpg|jpeg|png|gif|ico|css|js|pdf|woff|woff2|doc|docx)(\?|$) 365d; } servidor {… caduca $expires; ... ubicación ... { ... } ... }

Complemento de WordPress #

Si no tiene conocimientos técnicos, es mejor utilizar un complemento adecuado para aplicar la política de caché de activos. Por ejemplo- Complemento W3 Total Cache y WP Rocket.

Caché total W3 #

Instale el complemento luego desde su Panel de control -> 1. Vaya a rendimiento -> 2. Seleccione Caché del navegador -> 3. Busque CSS y JS -> 4. Establezca el encabezado de caducidad -> 5. Caduque la duración del encabezado -> 6. Establezca el encabezado de control de caché -> 7 Política de control de caché

Cohete WP #

El complemento WP Rocket también funciona como el complemento W3 Total Cache. Este complemento actualiza el archivo .htaccess con toda la información necesaria para habilitar la función de caché del navegador (Caché TTL).

Método 2: Gestión de fuentes #

Este es el segundo camino efectivo que puede aplicar para mejorar la velocidad de su servidor. Aquí, debe asegurarse de que el texto permanezca visible durante la carga de la fuente web.

Proceso manual #

Puede seguir el proceso manual o utilizar un complemento.

Carga de fuentes en línea #

Este sistema permite que el navegador descubra las declaraciones de fuentes antes, ya que no necesita esperar a que se descargue la hoja de estilo externa. 

Carga de fuentes de terceros #

Si su sitio carga fuentes de un sitio de terceros, se recomienda encarecidamente que utilice el preconectar sugerencia de recursos para establecer conexiones tempranas con el origen del tercero

Tenga en cuenta que un proveedor de fuentes puede ofrecer hojas de estilo y fuentes de orígenes distintos. Por ejemplo, así es como se usaría la sugerencia de recursos previa a la conexión para Google Fonts.

Entrega de fuentes #

Fuentes autohospedadas que se recomienda utilizar Red de entrega de contenido (CDN) y HTTP/2. Sin el uso de estas tecnologías, es mucho menos probable que las fuentes autohospedadas ofrezcan un mejor rendimiento. Para el autohospedaje también debemos centrarnos en otros puntos clave como subconfiguración y compresión WOFF2.

• Rango Unicode: A menudo se utiliza junto con la técnica de subconjunto.

• WOFF2: Ofrece la mejor compresión.

Reducir las fuentes web #

Fuentes del sistema y fuentes variables Hay dos formas de reducir potencialmente la cantidad de fuentes web utilizadas en su sitio.

• Fuentes del sistema: Una fuente del sistema es la fuente predeterminada utilizada por la interfaz de usuario del dispositivo de un usuario.

• Fuentes variables: La idea detrás es que una única fuente variable se puede utilizar como reemplazo de varios archivos de fuentes. Por ejemplo, una fuente variable con un Peso El eje podría usarse para implementar letras que anteriormente requerirían fuentes separadas para ligero, regular, atrevido, y extra negrita.

#

Representación de fuentes #

Los diferentes navegadores manejan este escenario de manera diferente. De forma predeterminada, los navegadores basados en Chromium y Firefox bloquearán la representación de texto durante hasta 3 segundos si la fuente web asociada no se ha cargado; Safari bloqueará la representación de texto de forma indefinida. visualización de fuentes informa al navegador cómo debe proceder con la representación del texto cuando la fuente web asociada no se ha cargado.

• Si el rendimiento es una prioridad absoluta: Puedes usar font-display: opcional

La representación del texto se retrasa no más de 100 ms y existe la seguridad de que no habrá cambios de diseño relacionados con el intercambio de fuentes.

• Si mostrar texto en una fuente web es una prioridad máxima: Usar visualización de fuente: intercambiar

Complemento de WordPress #

Hay algunos complementos que puede encontrar para aplicar un sistema de administración de fuentes. A continuación se dan tres ejemplos:

Limpieza de activos #

Para reducir página hinchada Este complemento escanea los activos innecesarios que se cargan. Por lo tanto, puede descargar CSS/JS inútil. Funciona mejor con cualquier complemento de caché.

Accede a tu Panel de control -> 1. Vaya a Complementos -> 2. Busque Limpieza de activos -> 3. Haga clic en Configuración -> 4. Busque Google Fonts -> 5. Ahora, active Combinar múltiples solicitudes en menos para bloquear el procesamiento (predeterminado)

cohete wp #

WP Rocket puede ayudar a corregir el destello del texto invisible y garantizar que el texto permanezca visible durante la carga de fuentes web. Este es uno de los mejores complementos de almacenamiento en caché para WordPress que optimiza las fuentes de Google aplicándoles el atributo font-display: swap. WP Rocket optimiza automáticamente Google Fonts tras su instalación y soluciona instantáneamente la advertencia de Page Speed Insights relacionada con dichas fuentes.

Optimizador del sitio #

De tu Panel de control -> 1. Vaya a Complementos -> 2. Haga clic en Optimizador SG -> 3. Haga clic en interfaz -> 4. Encuentre optimización de fuentes web -> 5. Activa o desactiva la opción.

Entonces, estas son algunas técnicas útiles para acelerar la velocidad de su servidor con ShopEngine. Puede seguir las pautas y presentar la solicitud en consecuencia. Además, para cualquier problema en particular puedes contactar con el equipo de soporte de ShopEngine.