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.

Demos

HomeCategoriesAccountCart
Search