Jatinder attended WP Engine global event and the following are the advance techniques to build a website for best practices. Let’s make it a goal to start implementing pending techniques in 2023!

YEAR OF WORDPRESS DEVELOPER – 2022
There has never been a better time to specialize in WordPress development. WordPress continues to eat the Internet as the world’s favorite content management system. Learn about the challenges and opportunities that lie ahead for WordPress developers in 2022, and what WP Engine is building to help make what we love doing even better.

1) Performance Fixes

(a) Third Party Scripts – There are sites that use 3rd party scripts like embedding a hubspot form or mailchimp or any other script. This is good for adapting new techniques but this is often reported when we test our site for speed. This hurts our website speed because it takes times to execute 3rd party scripts.
When we add a javascript in our sites we use ==
“<script type=”text/javascript”>”CODE</script>”
Solution – USE PARTYTOWN SCRIPTS -— https://partytown.builder.io/partytown-scripts

(b) Media – We have so many formats emerging for images nowadays. We know webp and according to us it is smallest amongst all. This type of format helps in images to look same to human as jpg or png but are very small in size. There is new format emerging that is “.avif” which is even smaller than webp. According to stats developers have not started using it much but this can give us high opportunity in performance of website because media always matter.

2) Device Capability (Future)

(a) User Settings – What we normally test when we create a website? We often test a website in mobile, ipad, laptop, wide screen and much more but now trend is changing. We have to more focus on user settings like darkmode v/s lightmode, font size, reduced motion and such. We have to think about this while developing so that our site looks perfect even if user changes the settings of mobile or desktop.

(b) Layout and design – Layout and design should be based on CSS container classes and less media queries. This can save us tons of time while writing css…
Example – https://www.w3schools.com/w3css/tryit.asp?filename=tryw3css_containers_div
NOTE – We are already using it. We are already using bootstrap and such.

3) Think Components, Not Pages

(a) Build a site using components and not pages – For example create a site using blocks in guternberg and not like traditional long pages where we have to write HTML.
NOTE – We have already started using it and our PIC theme is also based on blocks.

(b) Javascript Frameworks – React, Vue or Angular. This frameworks are component based and are reuseable and testable.
Benefits of JavaScript frameworks
1) The biggest advantages of a framework is to help us save time and maximize productivity.
2) We get to explore a wide array of libraries with various features that help us build on our imagination.
3) This way, we know how something can happen, and then we apply it further to enhance it.

For Jatinder’s full presentation, check out the Slite doc here!