Cómo empezar a aprender sobre el rendimiento web

Realmente no hay tantos libros buenos sobre la optimización del rendimiento, por lo que simplemente lo vincularé a una colección de publicaciones y artículos útiles en el blog a continuación. Gracias Michael Yong por encontrar muchos de estos.

Para aprender lo básico:

  1. Cómo CSS y JavaScript pueden afectar la representación de la página. Este video muestra los fundamentos absolutos de cómo el navegador trata JS y CSS. Recomiendo mirar a una velocidad de 1.5 + X.
  2. Cargas de páginas increíblemente rápidas: una guía para desarrolladores de pila completa. Esta publicación pasa por un resumen completo de cómo el navegador carga una página de principio a fin (completa con detalles en profundidad y capturas de pantalla adjuntas de los rastros de las herramientas de desarrollo de Chrome).
  3. El futuro de la carga de CSS: una explicación detallada de cómo el procesamiento de bloqueo de CSS se carga y lo manejan varios navegadores y sugerencias sobre algunas de las mejores prácticas en este momento.
  4. Acerca de la codificación fragmentada: https://gist.github.com/CMCDrago…
  5. Todo sobre webfonts: https://speakerdeck.com/bramstei… – Bram Stein es un ingeniero de Typekit, esta cubierta de diapositivas explica muy bien los webfonts y cómo interactúa con la carga de la página.
  6. Cómo pensar en el almacenamiento en caché de recursos estáticos: Mejores prácticas de almacenamiento en caché y errores de max-age
  7. Cómo pensar en la calidad de la imagen y los formatos: Reducir el tamaño del archivo JPG – Colt McAnlis – Medio

Para mantenerse al día , aquí hay algunas buenas personas para seguir en Twitter (y sus blogs):

  • Lista de correo de Chromium Loading Performance: [email protected]. Para unirse a la lista, vaya a: Grupos de Google
  • Colección de artículos:
    • Perfumes.
  • Rendimiento de sistemas de bajo nivel:
    • Brendan Gregg (@brendangregg) | Gorjeo
  • Rendimiento web general:
    • Ilya Grigorik (@igrigorik) | Twitter y Ilya Grigorik – igvita.com
    • Paul Irish (@paul_irish) | Twitter y Paul Irish
    • https://twitter.com/aerotwist & Aerotwist – Inicio
    • https://twitter.com/jaffathecake & Blog – JakeArchibald.com
  • Rendimiento de Android:
    • https://twitter.com/duhroach & Colt McAnlis – Medio
  • Nuevas características del navegador (frecuentemente relacionadas con el rendimiento):
    • https://twitter.com/intenttoship

Libros si quieres profundizar en ciertos temas:

Por lo que vale la pena, estos libros son bastante avanzados y solo lo recomendaría si hicieras todas las frutas de bajo rendimiento.

  • Si realmente desea comprender el funcionamiento interno de 4G LTE, Wifi, etc. y cómo afectan a sus usuarios: Lo que todo desarrollador web debería saber sobre redes y rendimiento web: Ilya Grigorik: 9781449344764: Amazon.com: Libros
  • Si realmente desea comprender los algoritmos de compresión: Compresión de datos para desarrolladores modernos: Colt McAnlis, Aleks Haecky: 9781491961537: Amazon.com: Libros

Conferencias a la salida:

  • BlinkOn: la conferencia de desarrollo bianual de Chrome.
  • Asuntos de perf
  • O’Reilly Fluido

Finalmente, descaro descarado, di una charla sobre algunas métricas de alto nivel para observar, algunas mejoras que hicimos en Quora para acelerar el sitio y algunas herramientas que creamos para ayudar a los ingenieros a rastrear e investigar ralentizaciones:

Hay muchos recursos geniales por ahí. Aquí hay algunos buenos.

Sitios de rendimiento web

  • Blog de KeyCDN – Red de entrega de contenido
  • Smashing Magazine – para diseñadores web profesionales y desarrolladores
  • Perfumes.
  • Cuestiones de rendimiento web • / r / perfmatters

Boletines de rendimiento web

  • wdrl.info: Una lista hecha a mano y cuidadosamente seleccionada de recursos relacionados con el desarrollo web y el rendimiento web . Comisariado y publicado generalmente cada semana .
  • webopsweekly.com: un boletín semanal para desarrolladores web que se centra en las operaciones web, la infraestructura, la implementación de aplicaciones, el rendimiento y las herramientas, desde el navegador hasta el metal.
  • perf.email: un boletín bimestral que le ofrece los estudios más interesantes de todo lo relacionado con el rendimiento web y la experiencia del usuario.

También me encanta Front-End Front – Básicamente, noticias de front-end

Ten cuidado con lo que lees sobre el rendimiento web en internet.

El hecho es que hay muchos libros, artículos, informes y no todos están en la misma página. Esta es la razón por la que se trata de una mejora seria del rendimiento del sitio web, debe solicitar ayuda a los expertos.

Escribo contenido para un Blog sobre Rendimiento web y Seguridad de Internet para una empresa para la que trabajo y el contenido allí está curado para expertos, por expertos.

Aquí hay algunas cosas que pueden interesarte:

Mega artículo de 10 000 palabras sobre CDN (historia, buenas prácticas, cómo funciona, etc.):

Red de entrega de contenido – Todo sobre CDN en un solo lugar – GlobalDots

Artículo de 8 000 palabras sobre Multi-CDNs:

Red de entrega de contenido múltiple explicada – GlobalDots

Cómo la velocidad del sitio web afecta las tasas de conversión:

Velocidad del sitio web: cómo la velocidad del sitio web afecta la presentación de las tasas de conversión – GlobalDots

Lo que realmente necesitas saber sobre CDNs:

Red de entrega de contenido: lo que realmente necesita saber: GlobalDots

Serie de Mejores Prácticas de Rendimiento Web:

Prácticas recomendadas de rendimiento web de Google: almacenamiento en caché – GlobalDots Blog

Prácticas recomendadas de rendimiento web de Google n.º 2: Minimizar los tiempos de ida y vuelta – GlobalDots Blog

Prácticas recomendadas de rendimiento web de Google n.º 3: Minimizar la sobrecarga de solicitudes – GlobalDots Blog

Prácticas recomendadas de rendimiento web de Google n.º 4: Minimizar el tamaño de la carga útil – Blog de GlobalDots

Prácticas recomendadas de rendimiento web de Google n.º 5: optimizar la representación del navegador – GlobalDots Blog

Optimización móvil – Mejores prácticas de rendimiento web

La lista podría continuar para siempre. Si está realmente interesado, sugiero ir al Blog de rendimiento web, seguridad, CDN y computación en la nube de GlobalDots y comenzar a leer.

Con el fin de optimizar una aplicación web o móvil, o para ayudar a dimensionar la infraestructura necesaria para que funcione correctamente, debemos preparar y ejecutar simulaciones de carga utilizando las herramientas adecuadas. De eso se trata la prueba de rendimiento.

Puede aprender todo acerca de las complejidades de la ingeniería de rendimiento a través del curso de certificación de pruebas de rendimiento en línea en Abstracta Academy.

Los conceptos principales del curso se enseñan a través de una serie de videos y textos. La mayoría de los videos incluyen demostraciones y ejemplos que utilizan las herramientas. Un curso altamente práctico, todas las lecciones requieren que el estudiante pruebe las herramientas y logre desafíos y tareas. En mi experiencia, esta es la mejor manera de aprender; intentar, fracasar y tener éxito en hacer cosas, compartir preguntas, lecciones aprendidas, información adicional, etc., con los instructores y con el resto de los estudiantes.

¡Echale un vistazo! Certificación de Pruebas de Rendimiento | Academia abstracta

Oye,

Echa un vistazo al libro de Ilya Grigorik llamado Redes de navegador de alto rendimiento: lo que todo desarrollador web debería saber sobre redes y rendimiento web: Ilya Grigorik: 9781449344764: Amazon.com: Libros

Él es un “fontanero de Internet” en sus propias palabras. Y trabaja para Google.

Shakuro | Diseño y desarrollo web

Escribí un libro llamado Using WebPageTest para ayudar a las personas a hacer exactamente eso. WebPageTest captura datos de red detallados, como el tiempo que tarda en descargar recursos y conectarse a servidores. Presenta estos datos en forma de diagrama de cascada, que es la visualización de cómo se carga una página. Al usar una cascada, puede identificar fácilmente las áreas que reducen la velocidad de la página.

Hace un par de años grabé un video con el canal Google Developers Live para enseñar a los usuarios de WPT cómo leer los diagramas de cascada e identificar cuándo están mal las cosas.

Creo firmemente que WPT es la mejor herramienta para ayudar a los desarrolladores a mejorar el rendimiento de sus páginas web. Cuando aprendas a usarlo con eficacia y analices los resultados como un profesional, tendrás una visión mucho más clara de cómo hacer que tu sitio sea más rápido.

Echa un vistazo a nuestra serie de blogs aquí: Blog – Rigor. También tenemos muchos videos, que puedes ver aquí: Archivos de videos – Rigor. Para obtener información sobre las prácticas de rendimiento web y el liderazgo innovador en Atlanta, siga nuestras cuentas de Twitter @zoompf y @teamrigor y visite nuestro Facebook (Rigor | Facebook) o LinkedIn (Rigor). ¡Envíenos un mensaje o etiquétenos en otras preguntas que tenga que podamos ayudar a responder! Atlanta Web Performance Group es un recurso útil si estás en una ciudad anfitriona, y si no es así, ¡ATL a menudo organiza reuniones mensuales de video!

Este enlace le ayudará a optimizar la velocidad de su sitio, así que simplemente visítelo y satisfaga sus necesidades.
arpit_955: Aumentaré la velocidad de su sitio web, optimizaré la velocidad de la página, reduciré los errores por $ 5 en http://www.fiverr.com

Aquí hay algunas reglas que Google recomienda:

Reglas de PageSpeed ​​Insights

Y un buen curso gratuito de udacia:

Optimización del rendimiento del sitio web | Udacity

¡Buena suerte!

Hay tantos tutoriales disponibles en la web, como Guía para principiantes de optimización de velocidad de sitios web por Kinsta

Solo estoy compartiendo un ejemplo para un propósito, de la misma manera también puedes encontrar algunos tutoriales electrónicos.

espero que esto ayude

Servicios de optimización de velocidad de WordPress

Hola,

No sé de libros. Pero para recursos puedes verificar
Woorank:
Revisión del sitio web – Herramienta SEO | WooRank.com
o Nibler:
Prueba cualquier sitio web

Si vas a Google y navegas allí, puedes encontrar muchos cursos en línea, por ejemplo, Coursera, Edx, etc.

Escribo sobre SEO y sigo a algunas de las principales autoridades a diario. Mantenerse al tanto de los últimos cambios en los motores de búsqueda y ver qué funciona al seguir a otros es la única forma de adelantarse al juego. En consecuencia, nunca soñaría con confiar en lo que hay en un libro. Solo el mes pasado, hubo tres actualizaciones importantes para el algoritmo de búsqueda de Google que cambiaron la forma en que SEO se llevará a cabo para siempre (o hasta el próximo cambio en el mundo). Para cuando se escribe y publica un libro, habrá ocurrido una docena de cambios o más, haciendo que el libro quede obsoleto el día en que llegue a las gradas. Comenzaría con los conceptos básicos que puede encontrar en http://storecoach.com/ y en la nueva Academia para webmasters de Google: http://support.google.com/webmas… . Luego, una vez que sentí que entendía lo básico, me dirigía a http://searchengineland.com/ y http://www.seomoz.org/blog/ .