Web content optimization
Web performance is not just about moving static files closer to visitors, it is also about ensuring that every page renders as fast and efficiently as possible from whatever device a visitor is surfing from. CloudFlare users can choose any combination of these web content optimization features that take performance to the next level.
Automatically optimizes your pages to minimize the number of network connections and ensure even third party resources won't slow down page rendering.
Local storage caching
Uses local storage on modern browsers and mobile devices to intelligently cache the objects needed to best render your site.
Cache header optimization
Automatically adjusts the cache header instructions so browsers will correctly cache the resources of a site to minimize the need for new requests.
Asynchronous resource loading
Optimizes your HTML so it renders as quickly as possible and without needing to wait for slow scripts like widgets or advertising. Your web pages will feel much snappier.
Every browser works a bit differently, whether it is Internet Explorer on a PC or Safari on an iPhone. Browser optimization automatically adjusts the way content is delivered based on the particular device accessing the site to maximize speed without affecting the site's look or features.
Making a website half as big is as good as making the network twice as fast. Hardware optimized lossless compression reduces the size of all your resources and delivers them compressed even through lazy firewalls that incorrectly claim browsers don't support GZIP.
See the difference.
CloudFlare Rocket Loader makes the Financial Times website (FT.com) faster, in spite of them already using a top-tier CDN to deliver their content.
Ready for mobile
Today, websites are accessed on many devices from computers to smartphones to tablets. CloudFlare Optimizer automatically detects the type of browser a visitor is coming from and delivers content in a way that optimizes the performance for a particular platform. Your pages will look exactly the same as they did before, including any mobile version you may have created, but they will be structured in an optimized way for the platform. What this means is that your website will be fast on both computers and mobile devices.
CDN vs. WCO
A content delivery network (CDN) takes your static content and stores a copy closer to your visitors. By moving the content closer to your actual visitor, it takes less time to access the resources, which means the page loads faster. Content delivery networks have been around for the last 15 years. Nearly every large website on the Internet uses a CDN.
Web content optimization (WCO) improves the way the resources on your web page load. Websites are collections of multiple apps, widgets, and tags that include everything from the ad network code inserted on a page to a Twitter Retweet or Facebook Like button. WCO ensures that these resources that make up your web page load optimally. While CDNs have been around a long time, WCO is a newer development and takes performance to another level.
At CloudFlare, we built our own CDN from the ground up. We used the latest technologies like solid state drives for screaming I/O and Anycast routing and geo load balancing to make it as fast and efficient as possible. But we didn’t want our efforts to make the web faster to stop with the traditional CDN. CloudFlare’s Rocket Loader and other WCO services ensures your page renders as fast and efficiently as possible. By using both CDN and WCO, your site is optimized both at the network and browser level.
Automatically detect the pages that are most likely to be accessed during a session from the traffic patterns of all the users visiting a site.
Web object prefetcher
While a visitor is reading one page, automatically "lazy load" the objects on subsequent pages likely to be accessed during a session so that subsequent page loads are nearly instantaneous.
As a visitor hovers over a link, silently begin loading the resources needed to render the page before the visitor has even clicked.
Polish automatically applies both “lossless” and “lossy” image optimization to remove unnecessary bytes from images. On average, image sizes are reduced by 35%.
Mirage insures that images delivered to your visitors are the appropriate size and resolution for their device. Mirage detects screen size and connection speed to deliver the best image for the current browser window, mobile or desktop.