Spaceship launching from a desktop with thrust, crossing the clouds.

Webpage Speed

More speed helps in better ranks. Rules for faster load.

Webpage Speed

You need increasing page load speed for higher ranking. But webpage rendering plays an important role in speed and overall user experience as well.

Point 1 is: Design your webpage in a way that it displays above the fold content first and shows most important information there. Because visitors always sees it as first impression. Don't let your footer or comparatively unimportant content delay loading your top content.

Point 2: Also remember not to use style attributes in markup tags of HTML or XHTML you use. They pose dely in rendering your webpage and everybody hates it.
When you talk about rendering, keep in mind following 2 points to improve visual completion of loading. 

Webdesign assets with scale, pencil and long webpage including segments of text content.
Optimize style / script order

Make an effort to optimize Critical Render Path by including stylesheets and Javascripts in a bunch. Don't distribute them here and there. Organize them and keep equal types of files in a single place.
For better result include less important css and js files at footer, to load above the fold quicker.

Defer loading javascript

You may load render blocking javascript after loading the webpage DOM. But it's a risky thing to do. If done correctly it will improve performance. See details here.

Essential css/js stuff for speed

If you are not the developer-designer guy, forward this to who is.

Use optimum images
Specify image dimensions and use images of proper size, so browser doesn't waste time on re-sizing.
Inline small JS - CSS
Try to put styles and scripts in HTML as embeds inplace of external file. To reduce server requests. 
Minify CSS
Remove line breaks and spaces of stylesheet content to reduce it's size, when you use them.
White spaceship in upright directioned standstill mode and dark edges, wings.
Combine external files
Try to use less numbers of css or js files by combining many files of same type.
Avoid CSS @import
While in file or in markup don't use "import" method to include new files. Rather use a separate link.
CSS image sprites
Small images and icons can be loaded through css file and save extra download request time.

Server & Hosting

To improve speed last but you need to have a robust infrastructure of servers. Your web hosting provider may or may not be providing all the important settings as well as the modern servers. You must check for following points to ensure speed and stability in loading time. If you ask for better seo there is no harm in spending money for dedicated and/or managed hosting.

Floating blue cloud having 2 server systems at front, showing web application hosting.
Reduce server response time
It's totaly dependent on servers capability and the network it uses. Keep it less than 200 miliseconds.
Enable Compression / Gzip
When server delivers webpage to visitors browser, this method reduces text size with compression. See details.
Avoid bad requests
Only include things in your webpage, that exists. Otherwise server will waste it's time trying to download them.
Enable keep-alive
This connection type asks server to keep it's port open until download is complete to save your time. Wiki article.
Minimize redirects
For tracking users for referals, marketing or for migration purpose, we use redirects. But do it a reasonable number of times.
Minimize DNS lookups
Keep number of resources like css, js, images, fonts etc to a limited amount, so that server saves time while searching them.
Leverage browser caching
tell visitor's browser to store some images, files in computers memory to save download time again when the visitor visits.Check more.
Content Delivery Network
Distribute page contents in servers of different continet and serve visitor material from his nearest server. See wiki on CDN.
With 1000+ active installs, an useful plugin for on-page seo insight
DOWNLOAD NOW