Performance
1. Optimize Mobile
- Disable Mobile Animations – Disable appear and slide animations in mobile.
- Disable Mobile Sliders – Use scrollbar instead of carousel for only products and posts in mobile.
2. Preload Fonts
This improves page load time as the browser caches preloaded resources so they are available immediately when needed. By using this option, you can increase page speed about 1 ~ 4 percent in Google PageSpeed Insights for both of mobile and desktop.
- Wolmart Icons
- Font Awesome 5 Solid
- Font Awesome 5 Regular
- Font Awesome 5 Brands
3. Asynchronous Scripts
Asynchronous load
Some javascript libraries does not affect first paint. And you can increase page loading speed by loading them asynchronously.
Split tasks
Long time tasks may cause unintentional rendering suspension or affect to its performance. To make pages faster, please check split task option.
Only necessary JS at loading
While page is loaded, there exists a lot of unnecessary javascripts running during initialization. If they works in idle time and only necessary ones runs while loading time, page speed will be faster.
Process after load event
This will accelerate page’s load time. But this may cause compatibility issue since page still not be ready. It will be in ready state after document or window load event is ready. To fix this problem, Please add event handlers to window’s wolmart_complete
event.