How to ensure that the core functionality of your website is always available, accessible, secure, usable, discoverable and fast.
Updated
This page provides guidance to help ensure that your website is available, accessible, secure, and usable for everyone at all times.
La guía en esta página proviene de una colección multifuncional de equipos dentro de Google que están cambiando su enfoque a corto plazo para respaldar sitios web que ayudan a las personsLas personas son personalidades imaginarias que representan a un determinado grupo objetivo. En el marketing online, las personas ayudan a entender mejor a los usuarios de un portal web o a los clientes de una tienda online. Concepto de personas Para que las personas puedan ejercer su efecto positivo, deben ser lo más detalladas viable. Esto conlleva un término exhaustiva de los grupos destinatarios para conseguir datos empíricos. La próxima plus a mantenerse seguras durante la situación de COVID-19. Estos empleados de Google han visto que los sitios se enfrentan a un aumento sin precedentes en la demanda de personas que buscan información crítica, muchas de las cuales rara vez o nunca han utilizado la web antes. Puede ser un desafío garantizar que los sitios estén disponibles durante este tiempo y accesibles para todos.
guide
This guide is a work in progress and will be updated frequently. If you have any suggestions, please submit a problem or edit this page and then open a pull request.
Availability, reliability, resilience and stability
If your site is experiencing spikes in traffic and crashing, or you want to prevent it from crashing, the guide below can help you quickly troubleshoot or catch them before they become major issues.
- Lea Reparar un serverLos servidores son ordenadores centrales y potentes dentro del campo de la tecnología de la información que procesan y proporcionan software y archivos en una red. Desde el punto de vista de un cliente, varios ordenadores en una red pueden ponerse en contacto con el servidor central para conseguir la información solicitada. En la arquitectura cliente-servidor, el servidor puede ser un software que proporciona un servicio y se ejecuta en plus sobrecargado para aprender a detectar, mitigar y prevenir problemas de picos de tráfico.
- Elimine imágenes, videos, scriptsConcepto de Scripts¿Qué son los Scripts?Los Scripts son fragmentos de código que se usan para dar forma a herramientas tanto en Internet como en el sector de la informática en general. Son una parte crucial del software, puesto que se trata exactamente del código que conforma a una aplicación en su totalidad o a una de sus funciones, como además el que puedes hallar explorando cómo está hecha una web.Desde plus y fuentes innecesarios. Asegúrese de que cada página se centre en ofrecer la funcionalidad que las personas que utilizan su sitio realmente necesitan.
- Optimizing your images can significantly reduce your server's bandwidth usage because images are the number one source of bloat on the web.
- Descargue la mayor cantidad posible de contentsEl contenido puede ser muy difícil de definir con precisión. Es una definición que se refiere a las declaraciones contenidas en un documento o publicación de cualquier tipo y puede incluir las tecnologías de la información y la comunicación. Esto cubre todos los tipos de medios como imágenes y texto. A parte de esto, en el campo de la optimización de motores de búsqueda, los términos duplicar contenido, contenido único, plus estático en CDN. Más detalles de proveedores comunes:
AWS,
Azure,
Cloudflare,
Google cloud,
Firebase. - Compruebe si su CDN tiene alguna optimización que sea fácil de activar, como compresión dinámica de imágenes, compresión de texto o minificación automática de recursos JS y CSSConcepto de CSS¿Qué es el CSS?CSS es un lenguaje de programación que se usa para definir el estilo y el aspecto de un documento que se ha escrito mediante de un lenguaje de etiquetas, como HTML. Conocido además como hojas de estilo en cascada, es el que se emplea para dar colores, indicar tipos de letra o inclusive resaltar aspectos como el espacio entre items para dotar de estilo a plus.
- La optimización del almacenamiento en cacheUn caché es un tipo de memoria auxiliar de la que se puede recuperar a alta velocidad con una capacidad de almacenamiento relativamente pequeña. Se encuentra entre la unidad central de procesamiento (CPU) y la memoria principal. Ayuda a evitar el acceso al disco duro o los recálculos complejos almacenando temporalmente ciertos datos y haciéndolos disponibles rápidamente cuando sea necesario. El caché almacena una copia de la petición actual y plus HTTPEl HTTP (Hyper Text Transfer Protocol) es un protocolo que se usa para transmitir datos en redes. HTTP es un estándar técnico generalmente aceptado que establece cómo un cliente web se comunica con un servidor para que los datos solicitados por el cliente puedan ser cargados y mostrados. Información general Junto con el URL y el HTML, HTTP es uno de los conceptos más importantes de Internet (www). Fue desarrollado plus puede reducir significativamente las demandas de sus servidores con un cambio mínimo de código. Consulte La caché HTTP: su primera línea de defensa para obtener una descripción general y HTTP caching
and Caching best practices for specific recommendations. Serving static assets with efficient cache policy auditing in Lighthouse can help you quickly detect resources that are not being cached. Keep in mind that different types of resources will have different update requirements and therefore require different caching strategies. - Service workers are another way to significantly reduce the demands on your servers, but they can require a significant technical investment. They also allow your website to work
disconnected, allowing you to present opening hours, phone numbers, and other information to returning users without a connection. Workbox is the recommended approach to adding service workers to websites because it automates a lot of replay, makes it easy to track best practices, and avoids subtle mistakes that are common when using the low level.ServiceWorker
APIConcepto de API¿Qué es una API?Una API, siglas de Application Programming Interface o Interfaz de Programación de Apps, es un recopilatorio de código que se puede emplear para que varias apps se comuniquen entre ellas. Es algo que realiza una tarea equivalente a la interfaz de usuario al momento de promover la interacción entre persona y programa, solo que aplicado única y exclusivamente dentro del entorno del software.Aún cuando suene plus directamente. - If your site is experiencing increased usage, check to see if you have adequate protection against DDoS attacks porque su sitio ahora puede ser un target¿Qué es un objetivo?En marketing, un objetivo es el resultado que se pretende alcanzar en un periodo de tiempo, a través el uso de los recursos disponibles. Por tanto, se debe formular de una forma clara y hace falta que sea accesible y medible. plus más atractivo. Más detalles de proveedores comunes:
AWS,
Azure,
Cloudflare,
Google cloud.
See Network reliability for further guidance.
AccessibilityAccesibilidad significa que algo puede ser usado, obtenido, acercado, ingresado o alcanzado. De ello pueden derivarse dos significados aplicables a Internet. En primer lugar, la provisión de acceso a Internet a las personas con discapacidad o a las personas mayores lo más libre viable de barreras y, en segundo lugar, la accesibilidad y la legibilidad de una web para un crawler. Accesibilidad en términos de ausencia de barreras Actualmente, Internet plus
Focusing on accessibility is more important than ever because more people with a variety of needs are likely to access your site. Follow the guidelines below to ensure that the core functionality of your website is accessible to everyone.
Identity, security and privacy
It can be tempting to take shortcuts to critical solutions, but always be careful not to open security holes when doing so. People need to access content on topics that are extremely private. Websites must protect this confidential user data at all costs and convince people that
personally identifiable information (PII) is safe.
See Safe and Secure for further guidance.
Usability, UI and UX
People are increasingly relying on the web to meet their basic needs. Many of these people do not use the web frequently. It's worth auditing the usability of your site's core functionality and making sure it's as simple and user-friendly as possible.
- Considere agregar un bannerConcepto de Banner¿Qué es un Banner?El Banner es un formato publicitario bastante presente en internet, por no decir que es el que más presencia posee. Consiste en una pieza de promoción comercial de contenido gráfico que se introduce en cualquier portal online para dar visibilidad a una marca, negocio o campaña de cualquier tipo y puede ser tanto estática como dinámica. La variedad es una de las facetas más importantes plus prominente (que se puede quitar con un X button) at the top of your website that clearly communicates service updates. Use a call to action on the banner to direct people to more specific resources. Consider using different colors and fonts that stand out from the rest of the content on your page. Keep your writing empathetic, focused on people's needs, and transparent about what kind of service to expect.
- Look for opportunities to minimize physical interactions in your critical user journeys (CUJ) and suggest those changes to your product team. For example, if your delivery service generally requires a signature, see if there is a way to fix it.
- Make sure your CUJs are as simple and intuitive as possible and suggest changes to your product team if you see any opportunities for improvement.
- Check the principles of good mobile design
and test your CUJs on various mobile devices to make sure there are no obvious problems. People who don't use the web frequently and are suddenly forced to rely more on the web are likely to access your site from mobile devices. - Refactor your site to use responsive design patterns
as much as possible. - Make sure your forms are
efficient
and
well designed.
SEO ¿Qué es SEO o search engine optimization? Conjunto de prácticas destinadas a mejorar el posicionamiento de una web en el ranking de resultados de los motores de búsqueda. Al contrario que la estrategia SEM, que contempla la inclusión de enlaces contratados para obtener este objetivo, el procedimiento SEO se ocupa exclusivamente de los resultados naturales (no pagados) localizados por el algoritmo propio de cada buscador. Para esto contempla ajustar plus
Las personas buscan información crítica relacionada con la salud y el trabajo. Es importante asegurarse de que sus sitios sean detectables por todos los search enginesConcepto de Motores de Búsqueda¿Qué son los Motores de Búsqueda?Los Motores de búsqueda, o Search Engines, son lo que se conoce comúnmente como buscadores. Todos aquellos sistemas informáticos que trabajan buscando todos los archivos almacenados en internet por medio de de arañas o crawlers para elaborar páginas de resultados que sirvan para que los usuarios accedan a webs tras realizar una búsqueda. Son los responsables de que, al buscar cualquier plus. Las auditorías de Lighthouse SEO pueden ayudarlo a detectar problemas básicos. Siga los blogs oficiales de los motores de búsqueda para obtener la orientación y las actualizaciones más recientes:
Google,
Bing,
Baidu,
Duck Duck to Win,
Yandex. Recent posts related to COVID-19:
See Discoverable for further guidance.
Performance
Some ISPs (in India for example) are watching a sharp increase in home internet use
and they don't have the infrastructure to meet the growing demand. In situations like this, your website speed may decrease through no fault of your own. Optimizing the performance of your load could be a way to compensate for the headwind of the reduced bandwidth. In other words, by reducing the number of bytes that must be sent over the network to load your pages, you can offset the performance impact of reduced bandwidth.
- The images are the leading cause of swelling on the web. You may be able to significantly reduce your website bandwidth usage by optimizing your images.
Squoosh es una sencilla herramienta de compresión de imágenes de Open SourceEl Código Abierto u Open Source se refiere al código fuente del software que es abiertamente alcanzable y que puede ser cambiado y distribuido por cualquier persona. La propuesta de código abierto estipula diez requerimientos para las licencias de software de código abierto. El principio El código fuente de un software se hace público: cualquiera puede leerlo, desarrollar el propio software y copiarlo. El software puede ser utilizado o distribuido plus que puede ayudarlo a comprimir rápidamente sus imágenes. - to run WebPageTest or
Lighthouse
to discover your top performance improvement opportunities. - Enable text compression to reduce the network size of text resources. This is often an easy performance gain that requires minimal technical investment.
- Read How to Cross-Fix Website Speed to learn how to collaborate and gain buy-in from other departments.
- Use native lazy loading for images to minimize requests for images that people may never see. Browser compatibility
no es 100%, pero la función puede tratarse como una progressive improvementLa mejora progresiva es una estrategia de diseño web diseñada para permitir que el contenido básico de una web se muestre independientemente de la tecnología del navegador, la conexión a Internet o el tipo de dispositivo final. A la vez, no obstante, la web en cuestión además debería ofrecer una versión completa diseñada para satisfacer los mejores requerimientos técnicos posibles. Un resultado de esta estrategia es un diseño responsive. Una plus. En otras palabras, si un determinado browserUn navegador (además: browser) es una herramienta informática que te permite ver documentos y datos y navegar por la red. Los navegadores pueden mostrar distintos tipos de recursos de información; principalmente documentos HTML, a pesar de todo, además son posibles otros tipos de archivos y contenido multimedia, como PDF, JPEG, MPEG, GIF o el lenguaje de meta marcado. A través el uso de complementos especiales y la configuración respectivo, los plus no admite la carga diferida nativa, la imagen debería cargarse como lo hace normalmente. - Check if your site has any A / B testing or customization scripts that can be loaded more asynchronously or if there are any non-critical functionality in the scripts that can be disabled. Customization and A / B testing scripts generally cannot be loaded completely asynchronously because they must be executed before the page content is loaded, but there may be some opportunity to load parts of the scripts more asynchronously. Watch Critical render path to understand the fundamental trade-off between synchronous scripts (aka render lock scripts) in general and page load time, and then decide if you need to prioritize render lock scripts over page load time , or vice versa.
- Third-party code constitutes about half of all requests for most websites. To consider
optimizing
or remove or temporarily disable third-party code that is not critical to the operation of your site. - If feature releases aren't taking precedence, this might be the perfect time to clean up. Remove tags from your tag managers, clean up bloated CSS and JS, and remove outdated code or features. the
Coverage tab
in Chrome DevTools and
CoverageThe class in Puppeteer can help you detect unused code.
See Quick Charge Times for more guidance.
Hero image for
POT in
Unsplash




