From 29ef5695b5bd766f05775c227b05c76d13e10883 Mon Sep 17 00:00:00 2001
From: the-robmeister <56232916+the-robmeister@users.noreply.github.com>
Date: Mon, 7 Oct 2019 14:50:56 +0200
Subject: [PATCH] Add basic performance optimisations
Try clarifying the importance of loading javascript efficiently to greatly improve page speed and possibly prevent the hassle with trying to access dom elements before they're loaded.
---
README.md | 16 ++++++++++++++--
1 file changed, 14 insertions(+), 2 deletions(-)
diff --git a/README.md b/README.md
index 0707dc6..e7cca2a 100644
--- a/README.md
+++ b/README.md
@@ -210,6 +210,10 @@ Per the HTML5 spec, typically there is no need to specify a type when including
/* ... */
+
+
+
+
```
@@ -287,7 +291,7 @@ Insert an ending comment after the closing tag of a long HTML section. This help
Basic accessibility principles should be adhered to when writing HTML - it shouldn't be an afterthought. You don't have to be a [WCAG](https://www.w3.org/WAI/intro/wcag) expert and different clients have different requirements for level of support, but **basic accessibility support can have a huge impact.**
-* Use `H1` - `H6` to properly order and identify headings.
+* Use `h1` - `h6` to properly order and identify headings.
* In tables, use the `scope` attribute to associate header cells and data cells in data tables and use the `summary` attribute of the table element to give an overview of data tables.
* For forms, always provide a submit button, use `label` elements to associate text labels with form controls, and visually indicate required form controls.
* With image elements, **always** use `alt` attributes. Use an empty `alt` attribute on image elements that Assistive Technology should ignore.
@@ -306,7 +310,15 @@ _Tools such as [PowerMapper’s SortSite](https://www.powermapper.com/products/s
### Performance
-Unless there's a valid reason for loading your scripts before your content (e.g. [Modernizr](https://modernizr.com/) or certain tracking scripts), don't block the rendering of your page by placing them in the ``. Move as many as possible to the bottom of the markup right above the `` or `async`/`defer` the load.
+Unless there's a valid reason for loading your scripts before your content (e.g. [Modernizr](https://modernizr.com/) or certain tracking scripts), don't block the rendering of your page by placing them in the ``. Move as many as possible to the bottom of the markup right above the `` or `async`/`defer` the load by adding the async or defer attribute to the script loading tag.
+
+```html
+
+