Lo primero y lo más importante a considerar es la velocidad de su sitio.
Para reducir el tiempo de carga de su sitio (después de la implementación), debe tener cuidado con lo siguiente en su fase de desarrollo:
- Importe solo los componentes necesarios, no todo el paquete. (El tiempo de carga de bibliotecas externas como bootstrap, Foundation y jQuery es el factor principal para desarrollar sitios amigables para dispositivos móviles. Alternativamente, puede importar solo los componentes necesarios CSS (Me gusta botones, Sistema de cuadrícula) y JS (Me gusta Dropdowns, Carousel, SideNav) .)
- Use la versión minificada de las bibliotecas. (Ej. Jquery.min.js tiene menos tamaño que jquery.js)
- Escriba código JavaScript amigable para dispositivos móviles. (Usando el ancho y la altura de la ventana gráfica, puede cargar / descargar su JavaScript personalizado para dispositivos móviles)
- Escriba código CSS amigable para dispositivos móviles. (Usando CSS Media Queries, puede modificar la vista de su sitio para dispositivos móviles. El posicionamiento correcto, el tamaño de fuente legible y la navegación adecuada son los principales puntos a considerar).
- Minimice el uso de archivos CSS y JS externos. (Importar archivos a través del servidor es un proceso lento. Puede intentar enlazar todos sus archivos CSS en uno y usar fuentes locales en lugar de importar a través de CDN)
- Use imágenes comprimidas. (Es otro factor importante que ralentiza su sitio web. Puede probar la compresión en línea o herramientas como jpegtran para reducir el tamaño de sus imágenes)
- Después de la implementación: haga el uso adecuado de su proveedor de host. (En realidad, ofrecen muchas técnicas de mejora de la velocidad, como el almacenamiento en caché, la compresión HTML (.gzip), etc.)
- Cómo hacer pruebas de sitios web móviles
- ¿Por qué debería crear una aplicación móvil dirigida a una plataforma específica en lugar de desarrollar un sitio web HTML5 móvil?
- Deseo abrir un sitio web mío, ¿de qué tipo debería ser mi sitio web?
- ¿Deberían los usuarios verse obligados a un diseño receptivo (sin la posibilidad de optar por no participar)?
- ¿Está claro el video explicativo de nuestra aplicación de máquina del tiempo móvil?