Saltar al contenido
Hotmart

WPFast para Landing Pages

enero 20, 2023
Resumen de WPFast para Landing Pages.

Índice

5. OPTIMIZANDO LANDING PAGE

Plugin necesarios:

  • Elementor
  • Elementor PRO
  • PixelYourSite
  • Yoast Duplicate Post
  • LiteSpeed Cache
  • Pre* Party Resource Hints
  • 123

2. OPTIMIZACIÓN Complemento de caché

1. Opciones Generales

Actualizar automáticamente: OFF.
Clave del dominio: clic en ‘Solicitar clave de dominio‘, esperar unos minutos y se pondrá en automático en la caja.
IP del servidor: obtener IP haciendo clic en ‘Comprobar mi IP pública desde DoAPlus‘. En uno segundos se te mostrara la IP y lo pegas en el cuadro.
Guardar cambios.

opciones generales

2. Caché

[1] Caché

  • Cachear usuarios con sesión iniciada: OFF
  • Cachear comentaristas: OFF
  • Cachear página de acceso: OFF.
  • Cache móvil: ON.

Ignorar cadenas de consulta (pegar en el cuadro):

  • fbclid
  • gclid
  • utm*
  • _ga
  • utm_id
  • utm_source
  • utm_medium
  • utm_campaign
  • utm_term
  • utm_content

Por ultimo clic en ‘Guardar cambios‘.

cache

[6] Objeto

  • Caché de objetos: ON.
  • Método: Redis (debera estar activado en tu cpanel, puedes hacerlo desde PHP SELECTOR y extension ‘redis’).
  • Puerto: 6379 (es la puerto que usa redis).
  • Caché de WP-Admin: OFF.
  • Guardar cambios.

objeto

[7] Navegador

  • Caché del navegador: ON.
  • Guardar cambios.

navegador

[8] Avanzado

  • Mejorar compatibilidad HTTP/HTTPS: ON.
  • Guardar cambios.

avanzado

3. Optimización de página

[1] Ajustes de CSS

  • Minificar CSS: ON.
  • Combinar CSS: ON.
  • Generar UCSS: ON.
  • UCCS integrado: ON.
    Nota importante, al activar generar UCSS y UCCS integrado, hay posibilidad de que quiebre tu sitio, si es asi vuelvelo a poner en OFF ambos. Lo mismo para ‘Combinación de CSS externo e integrado’.
  • Biblioteca de CSS integrado asíncrono: OFF.
  • Optimización de visualización de fuentes: SWAP.
  • Guardar cambios.

ajustes de css

[2] Ajustes de JS

  • Minificar JS: ON.
  • Combinar JS: ON.
  • Combinación de JS externo e integrado: OFF.
  • Deferir carga de JS: Retrasado.
  • Guardar cambios.

[3] Ajustes HTML

  • Minificar HTML: ON.
  • Control del prefetch DNS: ON.
  • Eliminar query strings: ON.
  • Eliminar emojis de WordPress: ON.
  • Eliminar las etiquetas Noscript : ON.
  • Guardar cambios.

ajsutes html

[4] Ajustes de medios

  • Retrasar la carga de imágenes: ON.
  • Retrasar la carga de iframes: ON.
  • Guardar cambios.

ajustes de medios

[5] VPI

  • Imágenes de la vista: ON.
  • Cron de imágenes de la vista: ON.
  • Guardar cambios.

VPI

[8] Retoques

  • Excluir JS: borrar todo lo que este en el cuadro.
  • Exclusiones de JS diferido / retrasado: borrar todos los js que esten en el cuadro.
  • Optimizar solamente para invitados: ON.
  • Guardar cambios.

ajustes de retoques

Por defecto sabe estar en:

5. Solicitud de reducción Favicon

  • Paso 1
  • Ir al convertidor de Icono en baso 64.
  • Seleccionar tu icono en formato png.
  • clic en Encode ICO to Base64.
  • Copiar el codigo generado y pegar despues de la coma y antes de las comillas del codigo personalizado.
    Paso 2
  • Crear y pegar un codigo personalizado en el head.
    <link rel="shortcut icon" href="data:image/x-icon;base64, " />
  • Actualizar y Limpiar cache.

8. Precarga de SVG

Con el siguiente código podrás cargar imágenes svg:

<link rel="preload" href="/wp-content/uploads/2022/09/logo-numerologia.svg" as="image" type="image/svg+xml" />
<link rel="preload" href="/wp-content/uploads/2022/09/pagamentos-01.svg" as="image" type="image/svg+xml" />

 

9. Optimización de video

Paso 1
a. Subir tu video mediante URL.
b. superposición de la imagen
Marcar ✅ superposición de la imagen y seleccionar una imagen (THUMB-captura.webp 1280×720 42kb)
Desactivar el Icono de Reproducción, sino se carga un css adicional «eicons.woff2?5.16.0».

 

Paso 2
Precargar la imagen miniatura del video, mediante código.

<link href="/wp-content/uploads/2022/09/THUMB-captura.webp" rel="preload" as="image">

Console Network:

Al ir a revisar en console con Windows+R, se presenta 2 errores:

  1. Se aumenta un CSS agregado: Se arregla con litespeed, explicado en el paso 3.
  2. Se agrego un EICONS.wolf: Se arregla desactivando el icono de reproducción.

Paso 3
a.
Generar CSS en ‘Ajustes litespeed | Optimización de la página | Ajustes de CSS‘
Hacer clic en el simbolo (& volver a detectar) y aceptar. Luego eliminara el css agregado.
Opcional: Forzar la actualización hasta que salga el botón de manual, haz clic en Run UCSS Query Manualy.
Por ultimo limpiar la cache haciendo clic en Purgar Todo.
b. Si el sitio tiene problemas para cargar su video (vidiq, panda, etc.), haz esto:
Ajustes litespeed | Ajustes de JS | Deferir carga de JS marcar la opción ‘Diferido’.

 

Pagina WEB de venta

  1. Pagina a Revisar: https://andressacappellari.com.br/pagina-de-venda-numerologia-para-relacionamentos/
  2. https://andressacappellari.com.br/curso-numerologia-para-relacionamentos/
  3. https://andressacappellari.com.br/captura-obrigado-numerologia-para-relacionamentos/
  4. Imagen de fondo para ordenador y movil
  5. https://andressacappellari.com.br/wp-content/uploads/2022/09/fundo-captura-01.webp
  6. https://andressacappellari.com.br/wp-content/uploads/2022/09/fundo-captura-mob.webp

Recursos

  1. Test de web: https://www.webpagetest.org/
  2. Extension Chrome Responsive Viewer. https://responsiveviewer.org/