• Increase Resolution of YouTube Thumbnails
  • Final Project
  • Glossary
  • Regular Expressions (Regex)
  • Projects
  • Challenges
  • Essential Tools
  • HTML
  • CSS
  • JavaScript
  • Canvas
  • Web Scraping
  • Learning Analytics
  • Images
  • Download
  • Translations
  • Challenge 12

    Remove Unnecessary HTML

    HTML

    Background

    You will often find yourself working with imported HTML that contains a lot of unnecessary information. This is a problem because it makes it harder to correct formatting mistakes and increases download sizes.

    Task

    In the following web page, remove all unnecessary HTML information (e.g., elements, attributes) to make the HTML use as few characters as possible without significantly changing its visual formatting. Check the console read out to see the number of characters on each run.

    I reduced it from 5,098 characters to 624 characters, which is a reduction of 88%. How about you?

    Solution

    This content is provided to you freely by EdTech Books.

    Access it online or download it at https://edtechbooks.org/elearning_hacker/remove_unnecessary_html.