Click me
Transcribed

What Makes a Website Fast?

SAST WEBSITES What makes a Website fast ? Redirection Domain Server Content Server Cookies time lookup time connection time JS Css Server response Page download time Browser CSS JavaScript files Mobile version time time files of the website METRICS OBJECTS TOP TODLS GTmetrix Google monitis free free free uses Google PageSpeed and Google's Webmaster Tools for allow to check website Yahoo! YSlow tools, presents basic monitoring of broken uptime status and page load results and recommendations links, server connectivity and time from USA, Europe and in a user-friendly way. DNS server connectivity issues. Asia/Pacific locations. pingdom BLITZ pald pald allow to check DNS health, for heavy load testing. Check and page load time from how your website behaves USA and Europe. when there is high traffic. BEST PRACTICES Many paid (or even free) design themes and plugins are WORDPRESS JOOMLA available that employ the relevant recommendations for 54.8% 8.6% their html/css/JavaSript code, so website Market Share owners usually don't Market Share have to change anything. minimize round-trip times v Reduce the number of serial request-response cycles. 26 requests are 10 times faster minimize request overhead and payload size than 275 requests. V Combine components – external JavaScript, V Remove unused CSS external CSS, and (by using CSS sprites) images. V Minify CSS, HTML, and JavaScript Minimize DNS lookups V Enable GZIP compression, to reduce the number of bytes sent Minimize redirects over the network. Avoid bad requests (remove V Serve static content from a "broken links') cookieless domain (this reduces the total size of requests made for a page). For static files, cookies are not required - disable cookie handling all together. Implement proper caching. IQILQI oiloji fóltði v Optimize images. Use TinyPNG or JPEGmini to massively reduce file size by up to 80% without v Leverage browser caching affecting quality. V Leverage proxy caching V Serve scaled images. Don't scale down images using attributes (width/height), provide small ones. </> Clean-up Source code. Remove HTML comments Make the HTML as small as possible. V Move out inline CSS and JavaScript to external files, make it cacheable. Consider using asynchronous requests. V Don't use empty href- / src-attributes v Off-load components into AJAX fragments when it doesn't harm SEO. v Use HeadJS: only a single JavaScript file needs to be loaded Optimize hosting & web servers. in <head> then. v Asynchronous video (and AJAX) v Not overloaded, properly impacts page load speed very configured server. little. v Complain to your hosting V Parallelize downloads across provider if you notice hostnames. Streaming large video performance issues. files from the same server isn't smart. php Use Content Delivery network (CDN). Optimize your PHP setup. Without CDN, example: page load time from Dallas, USA: 2.43s Use memcached sessions only. and from Amsterdam, Netherlands: 6.57s. V Get a PHP accelerator. v Placing static files close to the V Try out PHP-FPM visitors (by offloading these files to a CDN) will reduce server load and page load time. Save money by using Google's CDN for popular libraries. Optimize for mobile Defer parsing of JavaScript. In order to load a page, the browser must parse the contents of all <script> tags, which adds additional time to the page load. By minimizing the amount of JavaScript needed to render the page, and deferring parsing of unneeded JavaScript until it needs to be executed, you can reduce the initial load time of your page. Make landing page redirects cacheable. Many pages, especially mobile pages, redirect users to a different URL, for instance from www.example.com to m.example.com. Making this redirect cacheable by the user's browser can speed up page load times for repeat visitors to a site. BASIC RECOMMENDATIONS Upgrade to the latest version of your Cms and plugins. With each new product release, there are usually performance improvements. Consider suitching to more efficient plugins. E.g. P3 (Plugin Performance Profiler) for Wordpress Get rid of unnecessary plugins. CMS creates a profile of your site's This will improve your page load time. plugins' performance by measuring their impact on your site's load time. Optimize images. Either with a CMS plugin (e.g., WP Smush.it for Wordpress), or by converting them via TinyPNG (tinypng.org) and JPEGmini (jpegmini.com) sites. Use cache and minification plugin. E.g., W3 Total Cache (caching, minificaiton) or WP Super Cache wit WP Minify for Wordpress. Consider using Content Delivery Network (CDN). It's just a collection of servers that exist at different places in the world. CDNS allow to load content faster. Consider switching to a better DNS and hosting provider. You can test your hosting performance (and your competitors' too) with free tools like Pingdom Tools and Monitis Free Tools. Opapaki.com THE DOMAIN EXPERTS Sources http://support.google.com/analytics/bin/answer.py?hl=en&answer=2383341 http://developer.yahoo.com/performance/rules.html http://www.slideshare.net/bastiangrimm/advanced-performance-optimization-smx-stockholm-2012 http://www.slideshare.net/mediacurrent/how-a-content- delivery-network-can-help-speed-up-your-website-14043510 http://www.slideshare.net/Jehochman/breaking-the-speed-limit-faster-websites-win https://developers.google.com/speed/docs/best-practices/rules_intro http://w3techs.com/technologies/overview/content_management/all http://trends.builtwith.com/cms http://www.quicksprout.com/2012/09/20/how-to-make-your-site-insanely-fast/ http://www.slideshare.net/vinove123/what-to-do-if-your-wordpress-site-is-loading-slow

What Makes a Website Fast?

shared by obizmedia on Feb 18
1,113 views
2 shares
0 comments
A website’s speed matters for two reasons. First of all, users prefer websites that load quickly. Nobody likes sitting around waiting for images and other content to resolve, so if users aren’t ...

Publisher

Papaki

Tags

internet

Category

Computers
Did you work on this visual? Claim credit!

Get a Quote

Embed Code

For hosted site:

Click the code to copy

For wordpress.com:

Click the code to copy
Customize size