How to overcome common mistakes and what best practices we should apply in order to make JS out friend in search.

1. Befriend JavaScript:
Your New Pal in
Winning the Search
Game
Izzy Wisniewska
CREATOS MEDIA
https://speakerdeck.com/izzy_cm
@Izzy_CM

2. Izzy
● Co-founder of Creatos Media, fully remote, family
owned, holistic digital marketing agency
● Boy mom
● I love my dogs - we run a tik tok series 'Dog walk
and talk' with Rocky the border collie and Rambo
the labrador where we talk everything digital
marketing
● Martial Arts lover
● Qualified fitness instructor
● This september marks 10 years of my digital
marketing career

3. https://www.lumar.io/

4. WHY

6. Why bother ?

7. as much as 80% of the
popular eCommerce stores in
the USA use JavaScript for
generating main content or
links to similar products.
-Onely
https://www.onely.com/blog/ultimate-guide-javascript-seo/

8. That's data from 2019.

9. In 2023..
https://www.statista.com/statistics/793628/worldwide-developer-survey-most-used-languages/

10. and, according to
research done by
Radix…

11. 98.7% of websites on
the Internet use
JavaScript as a
programming language.

12. 49,501,698

13. Javascript is not going
anywhere. We can't fight
it.

14. If you can't fight them,
join them*
*( or befriend them,Google did)

15. To befriend JS we
should really understand
it first, shouldn't we?

16. Car Analogy is my
favourite!

17. HTML is a
frame of your
website
CSS
provides
paint colours
and the nice
accents
JS is the
engine that is
making it
move

18. Only when we put it
together…

20. Now, how Google makes
sense of it?

21. https://www.youtube.com/watch?v=LXF8bM4g-J4
Indexing JavaScript

22. A rule.

23. 'A' Rule
Avoid common mistakes
Apply best practices

24. Common mistakes

25. No of
pages
Failing
CWV
Failing
LCP
Failing FID Failing
CLS
JavaScript
Issues
22 19 17 2 12 22

26. The problem is not JS itself, but the
way it is implemented.

27. Your development team,
your client and the end
user want this

29. Not that

31. So they will use JS, and
we need to learn how to
implement it,
otherwise…

33. 1.Unused Javascript
2.Too long JavaScript
execution time
3.Render blocking
resources
4. Legacy javascript served
to modern browsers

34. Category Page A
Category Page B

35. GymShark Women's Hoodies

36. UFC Store - Gloves

37. DFS Corner Sofa Beds

38. So what should we do?

39. Get rid of unused JS.

40. Dead code elimination.

41. Deal with render
blocking resources.

42. Identifying render blocking resources

43. Identifying critical resources

44. Separate JS into critical
and non-critical.

45. Minify and Compress JS
files.

46. JS at the bottom of
HTML to avoid resources
blocking rendering.

47. Use Async or defer
attribute

48. Async- fetch script when resources
become available, once downloaded
HTML is paused to execute JS
Defer - wait to execute JS until the HTML
parsing is complete

49. Adopt a modern script
deployment strategy.

50. Avoid common
mistakes/ Use best
practices

51. Do not use
old
things that
don't work
anymore
Delete all
Unused
things
Compress
and minify
all the
things you
can

52. What else?

53. Make sure content is
accessible and visible.

55. Use <a-href> Links

56. Be smart with your lazy
loading

57. https://moz.com/blog/ja
vascript-seo-guide

58. Use server side
rendering if possible.

59. https://www.onely.com/blog/ultimate-guide-javascript-seo/

60. Server Side Rendering

61. Think beyond Google.

62. Keep things simple.

63. Make sure JS does not
change vital parts of the
page

65. If possible, include only
what you have to

66. Delete everything that is
not needed in the
production

67. Write your own code or
use lightweight code
instead of using bloated
plugins and addons.

68. Always minify and
compress JavaScript
straight away.

69. Think beyond Google.

70. Don't be afraid of
Javascript.

71. Do what works for your
website but ensure you
follow best practices.

72. Thank You!
Twitter (X ): @izzy_CM
Twitter (X): @CreatosMedia
Email: izabela@creatosmedia.co.uk
Website: www.creatosmedia.co.uk

73. JavaScript SEO by Onely
https://www.onely.com/blog/ultimate-guide-javascript-seo/
Identifying Render Blocking Resources: https://www.searchenginejournal.com/identify-reduce-render-
blocking-resources
Identifying critical resources
https://developer.chrome.com/en/docs/lighthouse/performance/render-blocking-resources/
Google's Guide to JS SEO
https://developers.google.com/search/docs/crawling-indexing/javascript/javascript-seo-basics
WWJD
https://www.onely.com/tools/wwjd/
Definitive Guide to JavaScript SEO by MOZ
https://moz.com/blog/javascript-seo-guide
Mobile Friendly Tool
https://search.google.com/test/mobile-friendly
Crawlers: Sitebulb, Screaming Frog and Lumar