Minimize website Page Loading Time – 20 advanced SEO tips

1. Website: www.cgcolors.com Email: hi@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. 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 1. Understand the Problem • Try not to overcrowd your page with images. Use vector images if possible. • Optimize your images • Define image dimension in <img> tag, or in CSS • <imgsrc=””> 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. Fix CSS files before JS files • Avoid creating multiple CSS files • Make sure your CSS files aren’t being blocked, they can increase your page loading time • Define images in CSS especially decorative images • Sprite CSS: It’s 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. 3. Optimize CSS File 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 • Don’t block your JS files, they can increase your page loading time • Use Asynchronous Scripts

6. Its better to avoid using pop-ups on those pages which you want to rank on Google; popups are responsible for low page loading. 5. Don’t use Pop-ups, if possible 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. Fix following code in your .Htaccess file<ifModulemod_gzip.c>mod_gzip_on Yesmod_gzip_dechunk Yesmod_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_excluderspheader ^Content-Encoding:.*gzip.*</ifModule> • You can use WordPressplugin to GZip • Check GZip compression is working or not – GZip Test Tool 8. GZip Compression

8. Use character set to reduce page loading time<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″> 9. Character set 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. Permanent delete your spam and trash comments • Turn Off Auto save 12. Reduce WordPress Database Size 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. Content delivery networkis 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. 15. CDN (Content delivery network) 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. 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) 17. Loading Path

12. 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. 18. Hosting Server 19. SASS & Bootstrap Framework • Use SASS & Bootstrap based design instead of CSS because SASS based design has less codes as compared to CSS.

13. 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 WordPressPlugins 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 ##<IfModulemod_expires.c>ExpiresActive OnExpiresByType image/jpg “access 1 year”ExpiresByType image/jpeg “access 1 year”ExpiresByType image/gif “access 1 year”ExpiresByType image/png “access 1 year” 20. Browser Cache

14. ExpiresByType text/css “access 1 month”ExpiresByType text/html “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 month”</IfModule>## EXPIRES CACHING ## 21. Web Font Optimization • Fonts are called from other resources that’s 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. 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 don’t Block WordPress include and Content files because it is bad for SEO and web browsing speed 24. Optimize Word Press Robots.txt File 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@cgcolors.com Website: www.cgcolors.com Email: hi@cgcolors.com Contact: 347-732-2736