Title: Loading icon
Last modified: June 21, 2018

---

# Loading icon

 *  Resolved [rukunpuc](https://wordpress.org/support/users/rukunpuc/)
 * (@rukunpuc)
 * [7 years, 9 months ago](https://wordpress.org/support/topic/loading-icon-4/)
 * Hi!
 * Is it possible to show a loading icon to show before the page or any link to 
   be loaded. Because in the web app there is no loading bar, so if takes 2-3 seconds
   to load then someone can feel the page is loading or not and click many times
   on a link.
    -  This topic was modified 7 years, 9 months ago by [rukunpuc](https://wordpress.org/support/users/rukunpuc/).

Viewing 1 replies (of 1 total)

 *  Plugin Author [Nico Martin](https://wordpress.org/support/users/nico_martin/)
 * (@nico_martin)
 * [7 years, 9 months ago](https://wordpress.org/support/topic/loading-icon-4/#post-10424324)
 * Hi there,
 * Thanks for using progressive WordPress!
 * The feature you are describing is actually not a Progressive Web App feature.
   I know there are some themes which show loading icons but I don’t think it makes
   sense to include such a feature to a plugin.
 * Also please keep in mind they only hide performance issues instead of solving
   them! Here is why: a loading icon appears after the initial document has loaded.
   So after shortly the TTFB. If your TTFB already takes several seconds, a loader
   wouldn’t change anything. Try a caching plugin instead.
    Then, a loader hides
   all content until all other scripts are loaded as well (e.g. until the dom.ready
   event is fired). But why would you hide informations, if they are already there
   in the browser? I guess the problem are render blocking scripts (JS, CSS). Even
   if your DOM is fully loaded those scripts block the browser-render process of
   your page until they are loaded as well.
 * If you really want to improve the user experience, try to provide a good pagespeed
   performance: remove all render blocking scripts and load them async, load the
   css async and provide an inline critical css, make your files as small as possible,
   etc..
    With that, the user sees as much as possible as soon as possible. Don’t
   hide your performance issues behind a loading animation, solve them!
 * I actually wrote a plugin that could help you with that: [https://wordpress.org/plugins/advanced-wpperformance/](https://wordpress.org/plugins/advanced-wpperformance/)
 * A great tool to check your performance is google pagespeed insights: [https://developers.google.com/speed/pagespeed/insights/](https://developers.google.com/speed/pagespeed/insights/)
   
   It analyses your site and lists all your performance issues.
 * Kind regards,
    Nico

Viewing 1 replies (of 1 total)

The topic ‘Loading icon’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/progressive-wp_8bd9c3.svg)
 * [Progressive WordPress (PWA)](https://wordpress.org/plugins/progressive-wp/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/progressive-wp/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/progressive-wp/)
 * [Active Topics](https://wordpress.org/support/plugin/progressive-wp/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/progressive-wp/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/progressive-wp/reviews/)

## Tags

 * [loading icon](https://wordpress.org/support/topic-tag/loading-icon/)

 * 1 reply
 * 2 participants
 * Last reply from: [Nico Martin](https://wordpress.org/support/users/nico_martin/)
 * Last activity: [7 years, 9 months ago](https://wordpress.org/support/topic/loading-icon-4/#post-10424324)
 * Status: resolved