Minimize website Page Loading Time – 20 + advanced SEO tips

1
Website www.cgcolors.com Email
hi_at_cgcolors.com Contact 347-732-2736
2

• Minimize website Page Loading Time 20 advanced
  SEO tips

Is your SEO agency  taking web page
load time seriously?
3

• Website Page speed is a big ranking factor and we
  all know that. Google has already announced that
  they will give less priority to slow sites and
  even mark site with SLOW tag in SERPs.

4
1. Understand the Problem
Lets understand what makes your site slow and how
can you make your site lightening fast.

• Here are few websites which can analyze your
  system in a jiffy and tell you that where your
  site need improvement  GTMetrix, Google speed
  test, Pingdom tools

• Try not to overcrowd your page with images. Use
  vector images if possible.
• Optimize your images
• Define image dimension in ltimggt tag, or in CSS
• ltimg srcgt no source in the quotation marks is
  a bad idea and it can increase page load time.
• Use base64 image encode for logo image and first
  imageTool  Base64 Tool
• Use only JPG, PNG and GIF file formats
• Check in-depth image optimization blog here

2. Image Optimization
5
3. Optimize CSS File

• Fix CSS files before JS files
• Avoid creating multiple CSS files
• Make sure your CSS files arent being blocked,
  they can increase your page loading time
• Define images in CSS especially decorative
  images
• Sprite CSS Its a collection of images and
  always loaded together. Use GIF and PNG format
  because they reduce losses of image quality.
  Sprit small icons or images first like social
  media icons. You can reduce http requests by
  using this technique.

4. Optimize JS File

• Use inline JS coding as possible
• Fix all JS files after CSS Files
• Use less JS files as possible
• Combine all your JS files to one file
• Dont block your JS files, they can increase
  your page loading time
• Use Asynchronous Scripts

6
5. Dont use Pop-ups, if possible

• Its better to avoid using pop-ups on those pages
  which you want to rank on Google popups are
  responsible for low page loading.

6. Avoid Parallax Design
Parallax design is a new generation 3d design.
Mostly they are not responsive and it is very
difficult to make them seo friendly. They have a
lot JS, images and CSS files and highly
responsible for low page loading time.Relevant
Link  Parallax Scrolling SEO
7. Reduce DNS lookups

• Use less DNS lookups. You may be wondering that
  what is DNS lookup, please read about DNS lookup
  here,DNS lookups .

7
8. GZip Compression

• Fix following code in your .Htaccess
  fileltifModule mod_gzip.cgtmod_gzip_on
  Yesmod_gzip_dechunk Yesmod_gzip_item_include
  file .(html?txtcssjsphppl)mod_gzip_item_inc
  lude handler cgi-scriptmod_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.lt/ifModulegt
• You can use WordPress plugin to GZip
• Check GZip compression is working or not GZip
  Test Tool

8
9. Character set

• Use character set to reduce page loading
  timeltmeta http-equivContent-Type
  contenttext/html charsetutf-8?gt

10. Broken Links

• Check your broken links and fix them asap
  otherwise they can increase your page loading
  time.

11. Reduce Plugins Delete unused Plugins

• Deactivated plugins are also responsible for low
  website speed. Whenever you deactivated plugins
  then they stop working but files still reside in
  your server which increases the site load time,
  so its better to remove them.
• Do not clutter your website with so many plugins
  or extensions. Use plugin or extensions from
  reputed developers as they ensure high quality
  code.
• Read Here Top 5 WordPress Ecommerce Plugins in
  2015

9
12. Reduce WordPress Database Size

• Permanent delete your spam and trash comments
• Turn Off Auto save

13. Reduce 301 Redirect

• Avoid redirection as possible because each
  redirection send http request to server and take
  time.
• You can check your redirects by using this tool
  Show Redirect

14. Remove query strings

• Query string has ? in his link which is
  responsible for low page load time so make it
  static.
• You can use W3 Total Cache Plugin to solve this
  issue in WordPress website

10
15. CDN (Content delivery network)

• Content delivery network is famous for its
  performance, you can use CDN hosting to get fast
  website speed. CDN stores files worldwide so they
  provide closer physical location to your site to
  load. It is best for those sites which have
  global visitors.

16. Minify JS, CSS and HTML files

• Minify your JS, HTML and CSS files to improve
  website speed.
• You can use this tool to minify your CSS, Java
  Script and HTML Minify Tool
• Check here JS and CSS file detail by using this
  tool JS, CSS optimization

11
17. Loading Path

• Browser calls html first than starts to load
  other files such as css, js, images etc.
• Put your HTML first than CSS Files and then JS
  files and then images, videos and audios and then
  Google Plus badge and then Google Analytics code
• If your images are calling before CSS and JS
  file than use base64 image encode which is a
  binary data in an ASCII format.
• Place your content above the fold (page content
  without scrolling)
• Fix your content before sidebar (check image)

12
18. Hosting Server

• Use best hosting server with high bandwidth to
  reduce server response time
• Use WordPress hosting for WordPress site, PHP
  hosting for PHP sites, Joomla hosting for Joomla
  sites etc.
• Use Location based Server Hosting like you are
  targeting New York guys than use New York based
  hosting or if you are targeting USA then use USA
  based Hosting.

19. SASS Bootstrap Framework

• Use SASS Bootstrap based design instead of CSS
  because SASS based design has less codes as
  compared to CSS.

13
20. Browser Cache

• When you open a website first time, browser
  loads images, CSS, JS and all resources to your
  local device but when you go to next page than
  browser has to need reload all resources again so
  we can use cache to avoid again and again loading
  same resources by browser. You can fix time in
  your cache. Suppose you are opening same website
  after 2 months than it will be open instantly if
  cache is available in the browser.
• You can use WordPress Plugins to fix cache
  setting in your wordpress website W3 Total
  Cache or WP Super Cache.
• Put this code in your .htaccess file if you are
  not using wordpress cache plugins EXPIRES
  CACHING ltIfModule mod_expires.cgtExpiresActive
  OnExpiresByType image/jpg access 1
  yearExpiresByType image/jpeg access 1
  yearExpiresByType image/gif access 1
  yearExpiresByType image/png access 1 year

14
21. Web Font Optimization
ExpiresByType text/css access 1
monthExpiresByType text/html access 1
monthExpiresByType application/pdf access 1
monthExpiresByType text/x-javascript access 1
monthExpiresByType application/x-shockwave-flash
access 1 monthExpiresByType image/x-icon
access 1 yearExpiresDefault access 1
monthlt/IfModulegt EXPIRES CACHING

• Fonts are called from other resources thats why
  they take time to load (Check example in image)
• Remove unnecessary fonts
• You can use font code directly, avoid web fonts
  as possible

15
22. Remove Lazy Load

• Use pagination instead of lazy load (Google
  crawls this type of pages in a limit)

23. Social Media Sharing Button

• Social media sharing buttons are responsible for
  page loading time because they have java script
• Use Fat Free Social Buttons

16
24. Optimize Word Press Robots.txt File

• Generally WordPress sites has by default
  functionality in robots.txt file, where you can
  see that wp-content and wp-include etc. folders
  may be disallowed. So dont Block WordPress
  include and Content files because it is bad for
  SEO and web browsing speed

Talk to our SEO Experts from New York to overcome
from this situation. Contact Us Now !!!
17
Thanks!

• Any questions?
• You can find us at hi_at_cgcolors.com

Website www.cgcolors.com Email
hi_at_cgcolors.com Contact 347-732-2736