Jump to content

Archived

This topic is now archived and is closed to further replies.

jeomiland

How to adjust DMS with gtmetrix results for faster page load speeds

Recommended Posts

jeomiland

Just recently started using gtmetrix.com to evaluate websites to find out why my page load times seem slow. Here's a recent report: https://gtmetrix.com/reports/cassclayton.com/Q7n9gsfg

As you can see in the Yslow section,
Add Expires headers

Make fewer HTTP requests

Configure entity tags (ETags)

all have failing marks. Along with the Configure entity tags (ETags) section, there are several DMS javascript files (and stuff from other plugins) that are being referenced. The Make fewer HTTP requests section says: "This page has 23 external Javascript scripts and 11 external stylesheets. Try combining them into one."

Can someone please tell me how to address this?  I just signed up to cloudflare.com for a CDN account so trying that too. Anyone have experience with CDN and DMS development? Any issues or is it best to wait till after Live deployment to do that?

Thanks guys.

Share this post


Link to post
Share on other sites

  • Similar Content

    • gadeichhorn
      By gadeichhorn
      Hi All,
      anyone using the AWS plugin for S3 and cloud front?
      if you use normal WP content and add media the imag URL automatically adjusted to the optimized size i.e. 300x200, 1000x500 and so on.
      if you select media from PageLine DMS the image is always the original size and the site is super slow (images are 3Mb). I have to go and select the appropriate size from my S3 bucket per each link and that takes much longer to do.
      any idea how to make it work like the built in WP optimizer?
      cheers.
    • bloom1creative
      By bloom1creative+
      Hey guys, sorry to be a pain again.
       
      Recently set this site up from MAMP : localbustorbay.com/localbus
       
      I believe it to be the host, but would hugely appreciate if somebody could check and confirm it's not something I havn't done optimisation-wise for the DMS.
       
      All the LESS is in the style.less and I have the Pro tools plugin running too, and Cloudflare as well and minification.
       
      Naturally this speeds it up a hell of a lot, but when the CDN is turned off and we are editing the site live (no cache) I am getting loading times of about 1 minute which is insanely slow for a 1.1mb sized webpage!
       
      Thanks guys
    • captainslog
      By captainslog
      I've been working with PageLines for sometime now. I've taken a sample site and am trying to fix its speed problems. I've pretty much fixed everything but the PageLines theme issues.
       
      My low scores, it seems, are due to PageLines issues.
       
      I went through 4 grading methods and am listing everything recommendation below  an A or 90% grade. All but one recommendations is PageLines related. I can fix the CDN recommendations, but I need your help on the the others.
       
      At the time fo this writing, here are my scores:
       
      GTMetrix Page Speed Grade is 48 or F GTMetrix YSlow Grade is 91% Google's Page Speed Score Using FireFox Plugin and FireBug is 79. Pingdom Grade is 89  
       
      Here's my setup
      WordPress Version 3.5.2 PageLines Version: 2.4.4 Database: Optimized Server Type: VPS through LiquidWeb Active Plugins: Use Google Libraries (without it scores are lower GTMetrix Page Speed is 29 I'm listing the recommendations and the specific files and their locations GTMetrix (Page Speed, YSlow), Google's PageSpeed using Firefox Plugin, and Pingdom.
       
       
      Desired Outcomes
      My current GZIP code is taking care of everything but the PageLines areas of the theme. What specific .htaccess code can I use to fix the problem areas. How do I fix the "Vary: Accept-Encoding header" suggested fixes for PageLines files? How do I fix the "Accept-Encoding header" suggested fixes for PageLines files? How do I fix the "Remove query strings from static resource" suggested fixes for PageLines files? How do I fix the "Enable Keep-Alive" for the PageLines file locations listed below? How do I fix the "7 components with misconfigured ETags" that are PageLines files?  
      I am asking for very specific recommendations to fix the PageLines issues. I'm not looking to blame or say that things are bad. I love PageLines, but I'm needing to fix the issues that reliabel sources are telling me need to be fixed.
       
      I've got other issues like security and my own plugin, but I've removed all of that from this site, and right now I'm trying to isolate the PageLines issues and get those fixed.
       
       
      GTmetrix Recommendations
       
      Enable GZIP
       
      I've enable gZip with the following htaccess code, and it fixed everything but the PageLines errors. The entire .htaccess file contents is listed below.
       
      # WPhtC: Setting mod_gzip
      <ifModule mod_gzip.c>
      mod_gzip_on Yes
      mod_gzip_dechunk Yes
      mod_gzip_item_include file \.(html?|txt|css|js|php|pl)$
      mod_gzip_item_include handler ^cgi-script$
      mod_gzip_item_include mime ^text/.*
      mod_gzip_item_include mime ^application/x-javascript.*
      mod_gzip_item_exclude mime ^image/.*
      mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*
      </ifModule>
       
      And
       
      # WPhtC: Setting mod_deflate
      <IfModule mod_deflate.c>
      AddOutputFilterByType DEFLATE text/html text/plain text/xml application/xml application/xhtml+xml text/javascript text/css application/x-javascript
      BrowserMatch ^Mozilla/4 gzip-only-text/html
      BrowserMatch ^Mozilla/4.0[678] no-gzip
      BrowserMatch bMSIE !no-gzip !gzip-only-text/html
      Header append Vary User-Agent env=!dont-vary
      </IfModule>
       
      GTMetrix is Suggesting I Fix the following using GZIP
       
      Enable gzip compression
       
      Compressing http://onlineitdegreeprograms.net/wp-content/uploads/pagelines/compiled-css-1373512887.css could save 142.8KiB (82% reduction). Compressing http://onlineitdegreeprograms.net/wp-content/themes/pagelines/js/script.bootstrap.min.js?ver=2.3.1 could save 20.5KiB (73% reduction). Compressing http://onlineitdegreeprograms.net/wp-content/themes/pagelines/js/script.blocks.js?ver=1.0.1 could save 1.0KiB (60% reduction). Compressing http://onlineitdegreeprograms.net/wp-content/themes/pagelines/sections/navbar/navbar.js?ver=3.5.2 could save 509B (55% reduction).  
       
      Specify a Vary: Accept-Encoding header
       
      The following publicly cacheable, compressible resources should have a "Vary: Accept-Encoding" header:
      http://onlineitdegreeprograms.net/wp-content/themes/pagelines/js/script.blocks.js?ver=1.0.1 http://onlineitdegreeprograms.net/wp-content/themes/pagelines/js/script.bootstrap.min.js?ver=2.3.1 http://onlineitdegreeprograms.net/wp-content/themes/pagelines/sections/navbar/navbar.js?ver=3.5.2 http://onlineitdegreeprograms.net/wp-content/uploads/pagelines/compiled-css-1373512887.css Enable Keep-Alive
       
      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:
      http://onlineitdegreeprograms.net/ http://onlineitdegreeprograms.net/wp-content/themes/pagelines/images/pagelines.png http://onlineitdegreeprograms.net/wp-content/themes/pagelines/images/search-btn@2x.png http://onlineitdegreeprograms.net/wp-content/themes/pagelines/js/script.blocks.js?ver=1.0.1 http://onlineitdegreeprograms.net/wp-content/themes/pagelines/js/script.bootstrap.min.js?ver=2.3.1 http://onlineitdegreeprograms.net/wp-content/themes/pagelines/sections/branding/rss.png http://onlineitdegreeprograms.net/wp-content/themes/pagelines/sections/navbar/navbar.js?ver=3.5.2 http://onlineitdegreeprograms.net/wp-content/uploads/pagelines/compiled-css-1373512887.css Remove query strings from static resources
       
      http://onlineitdegreeprograms.net/wp-content/themes/pagelines/js/script.blocks.js?ver=1.0.1 http://onlineitdegreeprograms.net/wp-content/themes/pagelines/js/script.bootstrap.min.js?ver=2.3.1 http://onlineitdegreeprograms.net/wp-content/themes/pagelines/sections/navbar/navbar.js?ver=3.5.2 Inline small JavaScript
       
      The following external resources have small response bodies. Inlining the response in HTML can reduce blocking of page rendering.
      http://onlineitdegreeprograms.net/ should inline the following small resources:
      http://onlineitdegreeprograms.net/wp-content/themes/pagelines/sections/navbar/navbar.js?ver=3.5.2  
      Google PageSpeed Recommendations
       
      Google's Page Speed is also recommending some GZIP updates including:
       
      Compressing http://onlineitdegreeprograms.net/wp-content/uploads/pagelines/compiled-css-1373512887.css could save 24.7KiB (77% reduction). Compressing http://onlineitdegreeprograms.net/wp-content/themes/pagelines/js/script.bootstrap.min.js?ver=2.3.1 could save 20.5KiB (73% reduction). Compressing http://onlineitdegreeprograms.net/wp-includes/css/admin-bar.min.css?ver=3.5.2 could save 9.9KiB (79% reduction). Compressing http://onlineitdegreeprograms.net/wp-includes/js/admin-bar.min.js?ver=3.5.2 could save 3.8KiB (63% reduction). Compressing http://onlineitdegreeprograms.net/wp-content/themes/pagelines/js/script.blocks.js?ver=1.0.1 could save 1.0KiB (60% reduction). Compressing http://onlineitdegreeprograms.net/wp-content/themes/pagelines/sections/navbar/navbar.js?ver=3.5.2 could save 509B (55% reduction). YSlow Recommendations
       
      Compress components with gzip
       
      There are 4 plain text components that should be sent compressed http://onlineitdegreeprograms.net/wp-content/uploads/pagelines/compiled-css-1373512887.css http://onlineitdegreeprograms.net/wp-content/themes/pagelines/sections/navbar/navbar.js?ver=3.5.2 http://onlineitdegreeprograms.net/wp-content/themes/pagelines/js/script.bootstrap.min.js?ver=2.3.1 http://onlineitdegreeprograms.net/wp-content/themes/pagelines/js/script.blocks.js?ver=1.0.1 Configure entity tags (ETags)
       
      There are 7 components with misconfigured ETags http://onlineitdegreeprograms.net/wp-content/uploads/pagelines/compiled-css-1373512887.css http://onlineitdegreeprograms.net/wp-content/themes/pagelines/sections/navbar/navbar.js?ver=3.5.2 http://onlineitdegreeprograms.net/wp-content/themes/pagelines/sections/branding/rss.png http://onlineitdegreeprograms.net/wp-content/themes/pagelines/images/pagelines.png http://onlineitdegreeprograms.net/wp-content/themes/pagelines/js/script.bootstrap.min.js?ver=2.3.1 http://onlineitdegreeprograms.net/wp-content/themes/pagelines/js/script.blocks.js?ver=1.0.1 http://onlineitdegreeprograms.net/wp-content/themes/pagelines/images/search-btn@2x.png Use a Content Delivery Network (CDN)
       
      There are 8 static components that are not on CDN.
      http://onlineitdegreeprograms.net/wp-content/uploads/pagelines/compiled-css-1373512887.css http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js http://onlineitdegreeprograms.net/wp-content/themes/pagelines/sections/navbar/navbar.js?ver=3.5.2 http://onlineitdegreeprograms.net/wp-content/themes/pagelines/sections/branding/rss.png http://onlineitdegreeprograms.net/wp-content/themes/pagelines/images/pagelines.png http://onlineitdegreeprograms.net/wp-content/themes/pagelines/js/script.bootstrap.min.js?ver=2.3.1 http://onlineitdegreeprograms.net/wp-content/themes/pagelines/js/script.blocks.js?ver=1.0.1 http://onlineitdegreeprograms.net/wp-content/themes/pagelines/images/search-btn@2x.png  
      Pingdom Recommendations
       
      Specify a Vary: Accept-Encoding header
       
      http://onlineitdegreeprograms.net/wp-content/themes/pagelines/js/script.blocks.js?ver=1.0.1 http://onlineitdegreeprograms.net/wp-content/themes/pagelines/js/script.bootstrap.min.js?ver=2.3.1 http://onlineitdegreeprograms.net/wp-content/themes/pagelines/sections/navbar/navbar.js?ver=3.5.2 http://onlineitdegreeprograms.net/wp-content/uploads/pagelines/compiled-css-1373512887.css Remove query strings from static resources
       
      http://onlineitdegreeprograms.net/wp-content/themes/pagelines/js/script.blocks.js?ver=1.0.1 http://onlineitdegreeprograms.net/wp-content/themes/pagelines/js/script.bootstrap.min.js?ver=2.3.1 http://onlineitdegreeprograms.net/wp-content/themes/pagelines/sections/navbar/navbar.js?ver=3.5.2  
      The Enitre .HTACCESS File Contents
       
      # BEGIN Wordpress

      # WPhtc: Begin Custom htaccess
      ## BROWSER CACHING ##
      ExpiresActive On
      ExpiresByType image/jpg "access 1 year"
      ExpiresByType image/jpeg "access 1 year"
      ExpiresByType image/gif "access 1 year"
      ExpiresByType image/png "access 1 year"
      ExpiresByType text/css "access 1 month"
      ExpiresByType application/pdf "access 1 month"
      ExpiresByType text/x-javascript "access 1 month"
      ExpiresByType application/x-shockwave-flash "access 1 month"
      ExpiresByType image/x-icon "access 1 year"
      ExpiresDefault "access 1 week"
      ## BROWSER CACHING ##
      # WPhtc: End Custom htaccess

      # WPhtC: Disable ServerSignature on generated error pages
      ServerSignature Off

      # WPhtC: Disable directory browsing
      Options All -Indexes

      # WPhtC: Protect WP-config.php
      <files wp-config.php>
      order allow,deny
      deny from all
      </files>

      # WPhtC: Protect .htaccess file
      <files ~ "^.*\.([Hh][Tt][Aa])">
      order allow,deny
      deny from all
      </files>

      # WPhtC: Protect comments.php
      RewriteCond %{REQUEST_METHOD} POST
      RewriteCond %{REQUEST_URI} .wp-comments-post\.php*
      RewriteCond %{HTTP_REFERER} !.*http://onlineitdegreeprograms.net.* [OR]
      RewriteCond %{HTTP_USER_AGENT} ^$


      # WPhtC: Disable image hotlinking
      <IfModule mod_rewrite.c>
      RewriteEngine on
      RewriteCond %{HTTP_REFERER} !^$

      RewriteRule \.(jpg|jpeg|png|gif)$ http://onlineitdegreeprograms.net/wp-content/themes/pagelines/images/pagelines.png [NC,R,L]
      </IfModule>

      # WPhtC: Setting mod_gzip
      <ifModule mod_gzip.c>
      mod_gzip_on Yes
      mod_gzip_dechunk Yes
      mod_gzip_item_include file \.(html?|txt|css|js|php|pl)$
      mod_gzip_item_include handler ^cgi-script$
      mod_gzip_item_include mime ^text/.*
      mod_gzip_item_include mime ^application/x-javascript.*
      mod_gzip_item_exclude mime ^image/.*
      mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*
      </ifModule>

      # WPhtC: Setting mod_deflate
      <IfModule mod_deflate.c>
      AddOutputFilterByType DEFLATE text/html text/plain text/xml application/xml application/xhtml+xml text/javascript text/css application/x-javascript
      BrowserMatch ^Mozilla/4 gzip-only-text/html
      BrowserMatch ^Mozilla/4.0[678] no-gzip
      BrowserMatch bMSIE !no-gzip !gzip-only-text/html
      Header append Vary User-Agent env=!dont-vary
      </IfModule>

      <IfModule mod_rewrite.c>
      RewriteEngine On
      RewriteBase /
      RewriteRule ^index\.php$ - [L]
      RewriteCond %{REQUEST_FILENAME} !-f
      RewriteCond %{REQUEST_FILENAME} !-d
      RewriteRule . /index.php [L]
      </IfModule>
      # END Wordpress
    • Sourena
      By Sourena
      I have two websites running Pagelines 2.4.4 as their theme (using a child theme). I also use "W3 Total Cache" and "Amazon S3" as my CDN service. The first website does not work properly when CDN is activated on "W3 Total Cache". The problem is that the LESS CSS is not uploaded to "Amazon S3" so the website misses the styles. The second website has the exact same settings but it has no problem.
       
      Checking everything I noticed that the first website has a folder names "page lines" in the uploads folder (within "wp-content"). Inside this folder there are multiple compiled files of compiled CSS files. Also this line in the source code of my homepage refers to one of these compiled files:
      <link rel='stylesheet' id='pagelines-less-css' href='http://url.com/wp-content/uploads/pagelines/compiled-css-1372540484.css' type='text/css' media='all' /> In the second website the line is different:
      <link rel='stylesheet' id='pagelines-less-css' href='http://url2.com/?pageless=1_1372548999' type='text/css' media='all' /> There is no "page lines" folder created in the "uploads" folder in the second website and it has no problem.
       
      Why these two websites have this difference and how can I fix that?
       
    • gayatriom
      By gayatriom
      what is the best way to integrate pagelines with maxcdn?
      the dynamic css is causing the site to go all wonky.
      how do i prevent max cdn from trying to load the css on it's own servers.
×