Resources and pagespeed
Permalink Browser Info Environment
Hi. Brilliant theme, best on the marketplace, nice work!
Though I've noticed Pixel2 is very resource hungry, with several megabytes of plugins and stylesheets loading on every page, which has a negative impact on SEO.
Would it be possible to rarionalise these resources to help increase pagespeed scores?
Though I've noticed Pixel2 is very resource hungry, with several megabytes of plugins and stylesheets loading on every page, which has a negative impact on SEO.
Would it be possible to rarionalise these resources to help increase pagespeed scores?
Type: | Discussion |
---|---|
Status: | In Progress |
Hi. My apologies - I must have been logged in when I was looking at the network usage.
I'm seeing a few things though:
plugins.js (378.67KB size, 101.57KB transferred)
functions.js (54.77KB size, 14.5KB transferred)
...plus a number of other js and css files that are being loaded separately. (see attached)
It's a lot of requests that could maybe be concatenated in to single files.
Is this normal, or am I doing something wrong? I have all the concrete5 caches activated.
I'm seeing a few things though:
plugins.js (378.67KB size, 101.57KB transferred)
functions.js (54.77KB size, 14.5KB transferred)
...plus a number of other js and css files that are being loaded separately. (see attached)
It's a lot of requests that could maybe be concatenated in to single files.
Is this normal, or am I doing something wrong? I have all the concrete5 caches activated.
If you do the setup properly you should 3 CSS file and 2 js file:
/theme_pixel/themes/pixel/css/bootstrap.css
/application/files/cache/css/pixel/style.css?ts=...
/concrete/css/font-awesome.css?ccm_nocache=...
/packages/theme_pixel/themes/pixel/js/plugins.js
/packages/theme_pixel/themes/pixel/js/functions.js
Other css/js files either should come from other blocks or haven't merged in the mentioned files properly.
/theme_pixel/themes/pixel/css/bootstrap.css
/application/files/cache/css/pixel/style.css?ts=...
/concrete/css/font-awesome.css?ccm_nocache=...
/packages/theme_pixel/themes/pixel/js/plugins.js
/packages/theme_pixel/themes/pixel/js/functions.js
Other css/js files either should come from other blocks or haven't merged in the mentioned files properly.
I should say The Pixel is not even near what you have described as "resource hungry". As far as it contains/uses the LESS files, it may seem heavy on the developing phase, but the moment you turn on the cache, the theme uses only one minified CSS file (280K) and a standard bootstrap file.
In addition to the core cache features, you are capable of turning on Html Minifier (Pixel Options > Optimization > Html Minify > Minify). I can assure you if you do the setup properly, not only will the site perform smooth and fast, but also you will receive pretty amazing scores on every page analyzer.
Cheers,