Image CDNs have become a hot topic lately. Partly because Google is recommending the use of image CDNs, but also because it’s a low-hanging fruit to address performance issues and relatively easy to see the positive impact on user-centric metrics like largest contentful paint and speed index.
A generic content delivery network (CDN) is, by its simplest definition, a network of caching proxies that geographically distributes a website and content to locations near end users and offloads traffic from the webserver.
Like the name implies, an image CDN is a CDN for images, but because images cannot be treated as…
The new AVIF image format is the latest offering in the field of web design. Let me elucidate how this ingenious image format can become a blessing for website owners and end-users with the support from an image CDN.
I see the internet as a Pandora’s box that consists of a variety of audio-visual content. There exists a material fit for everyone’s preferences on the web. Until now, our technological era witnessed the dominance of formats like JPG and PNG. But with the arrival of AVIF, the scenario might change very soon.
This write-up particularly focuses on the advent of…
Vercel is a deployment and hosting platform aimed at helping Jamstack developers get their web applications up and running in as little time and with as little effort as possible. Anyone familiar with Jamstack will know about the benefits of building websites this way, which includes better security, an improved workflow, easier scaling, and enhanced performance thanks to being able to deploy pre-rendered site files over a CDN.
Many moving parts related to Client Hints were enabled by default in Chrome version 84. Starting in this version, access to Client Hints can be delegated to 3rd parties.
Client Hints has been here for a while – since Chrome 35 in 2015, actually. However, support in most Chrome browsers got pulled due to privacy concerns in version 67. In short, there was concerns about that Client Hints could be used to fingerprint end users. As a result, access to Client Hints were limited to certain Chrome versions on Android and 1st party origins in other Chrome versions.
According to a recent large-scale research performed by Google, pages from the retail sector, on average, are one of the slowest to load.
A website could be bogged down for a multitude of reasons, however it’s almost undeniable that e-commerce shops tend to rely heavily on rich formats such as video and images.
Magento stores, in particular, request on average 2.75MB of data per page when it comes to mobile clients (and this is only inches away from desktop), out of which images comprise a staggering 1.55MB (56%).
This spells bad news for buyers shopping from their smartphones. Why? Conversions…
The digital generation, or the digital natives, have grown up learning that electronic communication and the web is the environmental friendly choice compared to paper and traditional means of information exchange. This might be true, but electronic communication also has an impact on the environment simply because it uses electricity. Now, we also know that the email, instagram post, webpage request generates a lot of data that is never deleted. Most likely, the data we generate online will live in datacenters around the world forever.
This morning I was reading an important reminder from Jeremy Keith. It’s about Progressive Enhancement works and how the server plays an important role in the enhancement step of the process.
Even with better tools and abilities for client side work, we still need a server to produce some content and send it to the browser:
These days this is called “server-side rendering”, even though for decades the technical term was “serving a web page” (I’m pretty sure the rendering part happens in a browser).
I’ve been following the development of this initiative from Google more or less since it was first filed as a note on Github.
Yesterday, the Chrome team announced an “Intent to Deprecate and Freeze: The User-Agent string”.
Along with this intent, an intent to ship Client Hints infrastructure and UA Client Hints is published. “UA client hints” (UA-CH) is similar to the client hints we’ve seen around for a while now.
We have all been there. In urgent need of just checking this thing on the web, but the page takes forever to load! Connection is flaky, maybe you’re on hotel wifi, or worse, roaming abroad on vacation and you just need to find the confirmation of your hotel booking.
Wouldn’t it be nice if you could tell the internet not to push so much data down your pipe?
Well, that feature exists! In Chrome it used to be called “Data Saver”, but has been rebranded to “Lite Mode”.
Last couple of years I’ve been occupied by making ImageEngine the most efficient CDN for image delivery. Competing with Digital Asset Management (DAM) systems like Cloudinary, Akamai image manager, and other services like imgix or addons by CDNs like Fastly and Cloudflare, makes this a though market to penetrate.
Is it possible to deliver an image any faster or better than these guys? Of so, how?
TLDR; Device Detection by WURFL, helps ImageEngine outperform alternative solutions by 42%!
The essential requirement when it comes to image delivery is that the image must be displayed as quickly as possible, at the…