Tag Archives: Optimizing web pages

Tip-toe through Naukri, India’s No.1 job site #OneDayTale

Glipmse of Hackathon 2016. We love open source and hence we are very open to transparency. The inception to this blog post was an idea to share the walk through of how a user is served in a typical day by your beloved Naukri.com. Naukri is a black box which gives you results but under the hood it is way more than what anyone can think. Under the hood [caption id="" align="alignnone" width="800"] Under the hood working of a car, GIF image.[/caption] Source Something like below is what we are continuously doing to serve you better. [caption id="" align="alignnone" width="549"] Car engine... Read More

Optimizing CSS background images using WebP

webp In continuation to our first article on WebP “Optimizing web pages using WebP”, we have extended our approach to display WebP images with the help of CSS background. As we earlier stated that Naukrigulf.com is one of the first few sites on the web to use WebP images format to serve banners. Now we are serving our background images in WebP format as well. In this approach we have two solutions to call background WebP images. - Using CSS Parent-Child Relationship - Using @ queries. CSS Parent-Child Relationship - In this approach we have to check user's browser and assign a class... Read More

Optimizing web pages using WebP

“A picture is worth thousand words” --Napoléon Bonaparte When it comes to web page optimization. Decreasing the image size on your web page make a big difference as it's the major chunk that consume user bandwidth. According to data from HTTP Archive( http://httparchive.org/ ) For an average web page, image accounts for ... 63% of the transferred bytes for desktop sites 69 % of the transferred bytes for mobile sites. Source: http://httparchive.org/ And the bad news is, its increasing over time.The reason is increasing Hi Dpi devices over time. Source:... Read More