Too much CSS loading

  • Resolved Shaped Pixels

    (@shaped-pixels)


    8 years, 1 month ago

    I have a suggestion…after looking at the source code of my site and what loads from Jetpack, the size of the CSS is loading what appears to be “ALL” jetpack related CSS; despite not having all modules activated. Only the CSS for the active modules should be loading, not the whole thing…it adds bloat to a site when you take in account the theme’s own stylesheet and all the plugins a person also has active.

    Something to consider to try and make Jetpack even better.

Viewing 1 replies (of 1 total)
  • Plugin Author Jeremy Herve

    (@jeherve)

    Jetpack Mechanic ??

    That’s indeed how Jetpack was designed; instead of loading a different stylesheet for each module you use, we’ve chosen to concatenate all CSS into a single jetpack.css file. It saves resources by limiting the number of requests made on each page load.

    Unfortunately, we haven’t found a way to efficiently rebuild the concatenated file dynamically every time a module is activated or deactivated yet. That would definitely make things even better.
    You can follow our progress on this here:
    https://github.com/Automattic/jetpack/issues/1258

    Until then, if you’d like you can deactivate the concatenation and thus load styles in separate files by adding the following in your theme’s functions.php file or in a functionality plugin:

    add_filter( 'jetpack_implode_frontend_css', '__return_false' );

    I hope this clarifies things a bit.

Viewing 1 replies (of 1 total)
  • The topic ‘Too much CSS loading’ is closed to new replies.