CODEWITHSUNDEEP
cssfonts
DanMossa
DanMossa

Reputation: 1092

Website is taking a long time to load style.css

Everything else in my website is loading perfectly fine.

My style.css on the other hand takes around 15 seconds for me to load.

The only idea I have behind it taking this long is because I'm trying to load an external font onto the webpage that is 1.7mb. I then downloaded FontForge and went ahead and removed all the fonts except for the few letters I needed.

The size for the font is now 184KB. I refreshed my website and the style.css still takes around 15 seconds to load.

The problem is, how can I find out what is making my website take 15 seconds to load style.css

Here is my style.css regarding the fonts

@font-face {
    font-family: Gabriola;
    src: url('../fonts/gabriola.eot');
    src: url('../fonts/gabriola.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/gabriola.woff') format('woff'), /* Pretty Modern Browsers */
    url('../fonts/gabriola.ttf')  format('truetype'), /* Safari, Android, iOS */
}

And here is the folder with the fonts and sizes

http://i.imgur.com/2TP9K47.png

Upvotes: 1

Views: 7633

Answers (1)

Mike 'Pomax' Kamermans
Mike 'Pomax' Kamermans

Reputation: 53683

Open your browser's dev tools, turn on monitoring for performance and network, and load your site, then look at the results for both of those two things. You can also try loading your site in https://developers.google.com/speed/pagespeed/insights/ and see what it tells you is making your site so slow.

Upvotes: 2

Related Questions