Topic Closed
mahotilo
91 Posts

Hi, Jürgen

I hope you find this topic:)

It is about your Page Loader "Work In Progress" plugin. I have tried it and found, that I cant change Overlay background Color. More precisely, the overlay is not shown. At my site it looks like on your page (http://typesetter-addons.grafikrausz.at/Page-Loader) in "demo" mode.

When I change  

body:last-child #page-loader-overlay {...}

to 

#page-loader-overlay {...}

all works as expected.

 

Best regards

mahotilo

Edited: 1 year ago#10841

juergen
1.4K Posts
50.6K Downloads
16 Plugins
design, web development & visual effects

body:last-child is a CSS hack to prevent Internet Explorer 8 to interpret the rule.
First Firefox Quantum (56) also had issues with it but it works again here.
Didn't know about Opera (must have changed recently).

In fact, we shouldn't have to care about IE 8 anymore. I'll remove it.

Thanks for spotting it.

1 year ago#10844

mahotilo
91 Posts

As you know I'm fighting for 100 points in PageSpeed ​​Insights :)

I've found that such page loaders are very useful. If I load CSS asynchronously, the page appears to the user ugly at start. If I use a page loader, I can hide this moment from user. At the same time Google PageSpeed is happy with that "no one blocks page loading".

Now I'm trying to change your plugin to use  $(document).ready( function() {..} to hide loader overlay after loading all CSS (not images). Also, I have moved loader styles to PageLoader.php.

Sometimes I still have a couple of seconds of an unformatted page, but in general it looks like a workable solution.

Do you find it interesting to make some switch in plugin options (and functionality :) - "show loader till": "css are loaded", "all images are loaded"?

It will be great, as for me.

Edited: 1 year ago#10849

juergen
1.4K Posts
50.6K Downloads
16 Plugins
design, web development & visual effects

If I load CSS asynchronously, the page appears to the user ugly at start. If I use a page loader, I can hide this moment from user.

So you show a loader to your visitors where Google wants to see a 'fast first render' (which actually is a 'ugly but fast first render').

If Google really takes the first-render time into account for page rank … well, I guess they will catch you doing so - sooner or later ;-)

 

$(document).ready( function() {..}

I'm not sure about it but domready might fire too early.

1 year ago#10851

mahotilo
91 Posts

If Google really takes the first-render time into account for page rank … well, I guess they will catch you doing so - sooner or later ;-)

Oh yes it will happens! But now this solution makes site owners so happy:)

1 year ago#10853

Topic Closed

 

News

Typesetter 5.1
8/12/2017

Typesetter 5.0.1 is now available for download. 5.1 includes bug fixes, UI/UX improvements, ... Read More

Over 8 Times Faster Than Wordpress
5/3/2016

We've known for a long time that Typesetter is fast. It's something we take pride ... Read More

More News

creisi productions

Dienstleistungen von creisi productions, Luzern (Schweiz): * Konzeption, Planung und Erstellung Ihres Internet-Auftritts * Betreuung und Aktualisierung/Pflege Ihrer Website * ...

Find out more about our Provider Spotlight

Log In

  Register