6 Tips for optimizing your website with JavaScript

JavaScript is commonly used to build modern websites to create richer, more engaging experiences for users. It’s also a common source for website performance issues. In this episode of Ecommerce Essentials, Alan Kent - Developer Relations Engineer - speaks to six tips related to JavaScript libraries and frameworks that can help improve your ecommerce site.
Chapters:
0:00 - 1:58 Intro
1:58 - 3:55 Tip #1: Avoid JavaScript file proliferation
3:55 - 5:11 Tip #2: Avoid excessive DNS lookups
5:11 - 6:48 Tip #3: Eliminate inefficient JavaScript
6:48 - 8:18 Tip #4: Eliminate unused JavaScript
8:18 - 9:06 Tip #5: Compress JavaScript files
9:06 - 10:35 Tip #6: Set appropriate cache durations for JavaScript code
10:35 - 11:20 Wrap up
URL’s:
PageSpeed Insights → goo.gle/3MTYJpX
Preconnect to required origins → goo.gle/3840z9i
Intervening against document.write() → goo.gle/3KVPh46
Reduce JavaScript payloads with tree shaking → goo.gle/3FlzbQe
Watch more episodes of Ecommerce Essentials → goo.gle/EcommerceEssentials
Subscribe to the Google Search Central Channel → goo.gle/SearchCentral
#EcommerceEssentials #JavaScript

[@Surefire99]

Is the info starting a 4:55 accurate? I thought top-level origins no longer share caches for sub-resources?

[@sabuein]

Thank you, Alan.

[@Deryacikk]

Thanks for the brief info.

[@BrendaMalone]

very cool, thanks, Alan.

[@janvavra4004]

thank you for this video :) there is a typo, at 3:41 - webback

[@mushroomcraft]

same with 0:50 in the code it says "Hooray!" but on the button it says "Horray!"

[@GoogleSearchCentral]

Thank you for pointing those out! Both have since been updated.

[@nhungnhung8598]

@@mushroomcraft ui5t6+v4445

[@Adrinslim]

When are you going to optimize AdSense JS?

[@wishmesh]

LOL, you hit the nail on the head 👍

[@jamal4579]

why adsense js make web very long to load ?

[@crimsonorc]

Horray!

[@a1xon]

There are some weird little things that are slightly wrong that I guess the person who wrote this text is not a javascript developer. like webback? treeshaking is a technique to identify unused js? this is clearly nitpicking but hearing that from google sounds really strange.

[@ZeroDueDsgn]

I can see the typo, but what's wrong with the tree-shaking?

[@a1xon]

@@ZeroDueDsgn Treeshaking is a technique to import only javascript code that is actually used - it's not a analysis it's the solution.

[@a1xon]

@@alankent809 Nevermind this is clearly nitpicking as I said. Thanks for all the good content :)

[@ckideastrailers3321]

Please why is my articles disappearing and reappearing on Google search results?. Please help.

[@user-xg9ul5bf2v]

57

[@ckideastrailers3321]

@@alankent809 no problems on my search console.. All my pages are being indexed

[@munnasiddiqui0007]

Ok sir thanks im applying,
JavaScript best programming language

[@Saimon1985]

@Wix