PDA

View Full Version : How to optimize a Responsive Web Design Project?



chitkusing
05-26-2017, 07:02 PM
Responsive Web design frameworks like bootstrap, foundation 3, Semantic UI comes with a big size bundles, they will contain large size of css and jquery. But our website should be lite in weight and faster in loading in order to get best visibility in search engines.

How to optimize a Responsive Web Design Project?

vangogh
05-27-2017, 10:31 AM
If you think the size of those frameworks is too large to build a fast site, then don't use those frameworks, though I'm guessing the frameworks aren't the problem as the companies who make and use the frameworks all have quickly loading sites.

Website performance isn't a topic that can realistically be covered in a single forum thread. There are too many possible things that could slow down your site. You can test your site at WebPageTest (https://www.webpagetest.org/) (owned and run by Google) in order to know where the performance bottlenecks are.

Harold Mansfield
05-27-2017, 10:54 AM
I agree with VG. Topic is too big with too many variables. Narrow it down to a specific project and tell us how it's being built or what it's being built on, and it's likely someone here who designs or develops for the web has experience with that specific CMS or languages or the specific thing you're trying to do.

mattkuter
05-29-2017, 11:45 PM
One thing that you can keep in mind is that you can usually load the frameworks from their Content Delivery Networks (CDN). Many sites do this and so there's a good chance that a visitor to your site would already have the library in their browser's cache.

There are also a number of lighter weight frameworks that can be used instead but they don't include everything and the kitchen sink so it really does depend on your requirements as Steven and Harold have already said!