Jump to content

increase site performance


Recommended Posts

Hi,

I made a website       whit css bootstrap and so on...

But if I test it with a google speedtest it results very speed on desktop while the for mobile it's very slow !

my question is: Can I load only the necessary css for mobile when viewing in small screens?

what other precautions can I do?

Of course I'm using a cms like wordpress.

Regards,

Giovanni

Link to post
Share on other sites

You might want to search for a Wordpress plugin that aggregates all of your CSS files into one. Wordpress itself is a problem for page speed in general, but so are frameworks like Bootstrap and jQuery. A fast website should only have one CSS file and as little Javascript running while the page loads as possible.

Link to post
Share on other sites

You need a plugin that will combine, minify css, in a specific order and has the ability to allow you place these these files where you want,  css at top between <head> and </head>, javascript at bottom. Caching plugin is also required but i believe this included by default. You should have multiple sized images which are created by default for large and mobile devices. On mobiles reduce the use of large background images.

You are able to customize bootstrap to specific features, reducing the size.

Edited by dsonesuk
Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...