Visual: add CSS Sprites for page speed

  • Unknown's avatar

    Ran my site through the GTmetrix analyser and it only displayed a Page speed score of D (68%).
    1. My Home page failed and got an E grade for: “Combine Images using CSS Sprites”.
    2. Got a D for: “395.7KiB of JavaScript is parsed during initial page load. Defer parsing JavaScript to reduce blocking of page rendering.”
    3. Got a C for: Resources with a “?” in the URL are not cached by some proxy caching servers. Remove the query string and encode the parameters into the URL for the following resources…”

    Is there any way that I can improve this?

    Many thanks :)

    The blog I need help with is: (visible only to logged in users)

  • Hi there,

    To change how the site handles Javascript and URLs, you would need a self-hosted site using the WordPress.org software. That would allow you access to change the underlying code of the theme/WordPress installation to suit your needs. We have some information about the difference between sites on WordPress.com and WordPress.org here:

    WordPress.com vs. WordPress.org

    The CSS sprites portion of the results refer to your the social media icons. Can you put the icons into a single image so that we can help you use them as a sprite?
    It might be easiest if you put them next to each other in a straight line.

    You might try using an online CSS sprite generator to assist you in making the file. Once you have that done, upload it to your media library, and we can have a look.

  • The topic ‘Visual: add CSS Sprites for page speed’ is closed to new replies.