Simple way to speed up your site



Great thread. I have been working with my programmer to speed up our page speeds. He is struggling with these below, He is an exceptional programmer, however he does not have background or an understanding of programming for On page optimization. (Please note i am not a programmer, I am working with him to get my page speeds as fast as possible) My site is a e commerce site and is coded in Php. Any advice would be much appreciated. Another thought was to look on O'desk and get a really good programmer to consult for overall exceptional best practice for all on page Seo optimization? Thank you

See suggestions from google page speeds.

Eliminate render-blocking JavaScript and CSS in above-the-fold content
Show how to fix
Reduce server response time
Show how to fix
Minify JavaScript
Show how to fix
Minify HTML
Show how to fix
 
I've actually found TinyPNG to be more effective than a lot of these command-line type compressors.

TinyPNG uses them... there are lots of tinypng type sites, they all do the same thing, reduce to 8bit with alpha channel and remove unnecessary data.
 
Can anyone please make a suggestion on this issue, is it possible to solve? This is slowing down my page speeds.

The issue is the render-blocking. ASP.NET creates its own javascript resource and places it where it wants on the page…within the top fold. I’m looking for a way to drop it to the foot of the page to remove the ‘render blocking’. Then that’ll be it. Thanks
 
Nobody has mentioned image sprites yet ...
Anyone tested the speed benefits?

I nearly always use sprites for base images/icons used throughout a site. That's if fontawesome doesnt have an icon i can use.
 
Speed up your website loading time, if that is the exact thing you want to do. Instead use less amount of flash files on your webpage to make your loading time minimum. Too much advertisements like banner ads also increase your loading time. A static webpage is more faster to load than a dynamic webpage . .

Can we just ban this fuckwit now so we don't have to listen to this bullshit?

tumblr_lmuxhr7IsV1qaarijo1_500.gif
 
You can also speed up your site with a CDN (Content Delivery Network) that basically delivers web content to the user based on the geographic location, origin of the webpage and a content delivery server.

https://www.cloudflare.com/ does a decent job of speeding up your site and adds an extra layer of security too. Very quick and easy to setup.

They did go down for an hour last year CloudFlare goes down for an hour, taking its 785K customers with it | VentureBeat | Security | by Devindra Hardawar

[ame="http://www.youtube.com/watch?v=l9nFs2PeWw0"]Don't Have To Take My Word For It - YouTube[/ame]




DYN may be a better alternative to CloudFlare Global Load Balancing | Traffic Director | Dyn


--
 
Render blocking javascript is driving me crazy lately. I can never seem to get all of it in the footer, at least according to Google pagespeed. kraken.io for the win on image compression.
 
Speed up your site AND your work time:

- framework with a sas implementation. Foundation, Bootstrap..
- a source repository (svn...)
- prepros or another background css/js compiler

Install your project local, setup the site with prepros. It will check, compile,
merge and destribute all media, css and js. You have your working files
in one directory and after every change prepros (or a similiar system)
will create in the background for all related project the update production
files. Merged and only the stuff you selected, copied in the right project directories.

You will run & test always your production system files, even you did the changes to your work system.

Commit to your repository and run your install script on your servers, who checks the right files out.

Because SAS is a kind of macro script system you can break down the somewhat big frameworks to a small lightweight system.
To add features like say tooltips or something is done in seconds. You just comment it out or not and voila its there.

You setup all stuff only one time, its automatically controlled and compiled. Every wrong css line is reported as any file problem. Every css and js change is checked in real time for syntax errors.

Instead that you lose time & money for optimizing your system, you made it to a time saving part of your workflow.
 
What's better from a page speed and SEO point of view: sprites or fontawesome?

Any opinions?

I would go with the fontawesome just for the convenience factor. You don't need to serve the entire font, you can subset it to serve just the icons you're using. It's SVG so it's much for flexible than bitmap graphics like PNGs.

That being said, you can do SVG sprites too, so I suspect that serving set of the same icons using either method would produce almost exactly the same results size wise, or the difference would be almost negligible. I haven't actually tested this theory though, so don't take my word for it. Give it a try yourself!