Search code examples
cssperformancetwitter-bootstrapbootswatch

bootswatch makes my webpage load slow even on my computer in previews?

So Bootswatch.com has some awesome themes for twitter bootstrap. Unfortunately as soon as I swapped out the CSS scripts for Bootswatch.com the webpage loads super super slow. On my computer when i click preview or double click the .html file.

What is causing this to happen? its not even uploaded to the internet, this is all local. I cant understand why changing the CSS would make a difference. Not to mention the new CSS has fewer lines of code.

Solution

  • I had exactly the same problem.

    The issue the the first line of the CSS where it tries to load from google fonts:

    @import url("//fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700");

    Simply delete or comment out this line so the file starts like this:

     * Bootswatch v3.1.0
 * Homepage: http://bootswatch.com
 * Copyright 2012-2014 Thomas Park
 * Licensed under MIT
 * Based on Bootstrap