Advanced HTML for Good Developers - Mandy Michael - NDC Sydney 2024

Improve your web development skills with Mandy Michael's talk on advanced HTML techniques for good developers at NDC Sydney 2024, exploring performance, accessibility, and best practices.

Key takeaways
  • HTML is simple and can have a big impact on performance and accessibility.
  • Use HTML to define the structure and hierarchy of your page.
  • Headings provide a clear structure and hierarchy for the page.
  • Preconnect, DNS prefetch, and preload can improve performance.
  • Prioritize high-importance resources first.
  • Image lazy loading can improve performance and accessibility.
  • Use meaningful HTML to improve accessibility.
  • TypeScript and other features can help improve HTML code.
  • Use object detection and feature detection to improve compatibility.
  • Overuse of library templates can lead to poor performance.
  • Using too many optional dependencies can lead to poor performance.
  • Preconnect and DNS prefetch can improve performance and accessibility.
  • Using too many nodes can lead to poor performance.
  • Resource hints can help improve performance.
  • Using TypeScript and other features can help improve HTML code.
  • Keep pages simple and descriptive for better accessibility.
  • HTML can be used to improve performance and accessibility.
  • JavaScript frameworks can improve HTML code.
  • keep pages simple and descriptive for better accessibility.
  • Using assistive technology can help improve accessibility.
  • TypeScript and other features can help improve HTML code.
  • Use meaningful HTML to improve accessibility.
  • HTML can be used to improve performance and accessibility.
  • Resource hints can help improve performance.
  • Preconnect and DNS prefetch can improve performance and accessibility.
  • Using too many nodes can lead to poor performance.
  • JavaScript frameworks can improve HTML code.
  • Use images with alt text and descriptive text for better accessibility.
  • Headings provide a clear structure and hierarchy for the page.
  • Images can be loaded lazily to improve performance.
  • Using too many dependencies can lead to poor performance.
  • Resource hints can help improve performance.
  • Debugging tools can help improve performance.