I want to get a few things done today, then I'll update my public side (in development only) with just this and see what works, if anything. Then I want to tweak the javascript on all the pages a bit. Previous script worked nicely, but didn't work in IE8.
I should know more tomorrow.
rel=preload
- RSteinwand
- Rank VI - Professional
- Posts: 596
- Joined: Mon Jun 09, 2008 2:12 pm
- Location: Fargo, ND
- Contact:
Re: rel=preload
Rick
- RSteinwand
- Rank VI - Professional
- Posts: 596
- Joined: Mon Jun 09, 2008 2:12 pm
- Location: Fargo, ND
- Contact:
Re: rel=preload
With just the preload css and no supporting javascript, it works in Chrome 50, but not in FF 46 (beta) or Edge/IE11 from fast ring of Windows 10.
I didn't have webkit version of Opera installed, but based on CanIUse, I suspect it probably works there too.
I didn't have webkit version of Opera installed, but based on CanIUse, I suspect it probably works there too.
Rick
- Albert Wiersch
- Site Admin
- Posts: 3785
- Joined: Sat Dec 11, 2004 9:23 am
- Location: Near Dallas, TX
- Contact:
Re: rel=preload
Thanks Rick! I think I'm going to start using rel="preload" on my site for a typeface........ as soon as I get to it.
Albert Wiersch, CSS HTML Validator Developer • Download CSS HTML Validator FREE Trial
- RSteinwand
- Rank VI - Professional
- Posts: 596
- Joined: Mon Jun 09, 2008 2:12 pm
- Location: Fargo, ND
- Contact:
Re: rel=preload
There's a bug with rel=preload in Chrome (which should be fixed any day now) where the style sheet is loaded twice, just a performance problem.
There's also a bug that affects IE8 (you see the print style sheet) if you use the LoadCss script with it. That one does concern me and I've rolled back my code, hoping for a quick fix. (A print style sheet for me means no menus.)
Otherwise I'm enjoying about .2 second performance increase using this and a similar increase by using async defer on pages with only one external script. (IE8/9 can't use async, which is why I use both)
http://caniuse.com/#feat=script-async
http://caniuse.com/#feat=script-defer
I currently have the external script (with async defer) in the head but the inline script that loads the post-loaded external css at the bottom (to prevent requiring multiple round trips to load the visible area). They suggest adding that to the head as well so I'll have to see if there's any benefit to having that script in the head. https://github.com/filamentgroup/loadCSS
There's also a bug that affects IE8 (you see the print style sheet) if you use the LoadCss script with it. That one does concern me and I've rolled back my code, hoping for a quick fix. (A print style sheet for me means no menus.)
Otherwise I'm enjoying about .2 second performance increase using this and a similar increase by using async defer on pages with only one external script. (IE8/9 can't use async, which is why I use both)
http://caniuse.com/#feat=script-async
http://caniuse.com/#feat=script-defer
I currently have the external script (with async defer) in the head but the inline script that loads the post-loaded external css at the bottom (to prevent requiring multiple round trips to load the visible area). They suggest adding that to the head as well so I'll have to see if there's any benefit to having that script in the head. https://github.com/filamentgroup/loadCSS
Rick