Category Archives: Frontend

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

How naukri made pages faster using PUSH STATE API

Some time back, here at Naukri we had a scenario: There were three pages with almost similar structure, a common navigation bar, a common right widget and a common footer (all summing upto 90% content of the page), with only few different descriptive lines(only 10% of the total content on the page) . The general requirements of the pages were: SEO was important for all of them All of them had to be assigned to different urls , title and meta tags The pages had to be bookmarkable and their urls could be shared. This may sound very simple, but… The challenge was Just... Read More

ncCache – Browser caching made easy

The new messiah of client side storage, called Local Storage has made lives of front-end developers very easy. The credit certainly goes to HTML5. But wait, one cannot just implement Local Storage blindly. It doesn’t support all the browsers. Nor does it provide any support to manage quite a large amount of data without throwing errors. This really doesn’t sound very good and also makes it difficult to be implemented practically. What led to the origin of ncCache at Naukri Off lately, revamp of Naukri Recruiter Section went live. It feels good to tell you about this! The project... Read More

Career Timeline

What is the most important thing a recruiter looks into a Resume? The answer is past employments and experience of the candidate. Challenges It’s painful for the recruiters to look at the past employments of a jobseeker as he needs to scroll down and find the work experience section of the resume preview page. During project revamp, we took the challenge to build a feature which will help recruiters to look at employment details without spending much time. Solution Why not show the entire career of the jobseeker graphically in a single line and place it strategically in the CV... Read More

Mobile Debugging Made Easy

Mobile Debugging Become Easy Mobile devices are now the computing platform of choice for many business, user and consumers. In Naukri most of the applications are on mobile, frequent updates are required on them. During debugging we were facing many problems which were also very time consuming. Debugging Javascript on a mobile device can be maddening. I usually had no idea what went wrong, and I often got frustrated with a blank white screen and no clues. I could learn to use the debug tools available on each platform, but that would become onerous quickly. I was aware of... Read More

SASS: Go sassy with css

In summers of 2014 we planned to start naukri.com revamp. It was a great chance for us to redesign and rethink our strategies. One of the pain point was to manage CSS effectively and after few brainstorming session we thought of bringing in CSS preprocessor . Now after 6 months it looks like without SASS, CSS could have gone haywire. Plain CSS had some issues: No concept of variables. Reusing a collection of rules is cumbersome. Missing support to include or extend block of css. Managing css into separate modules is not feasible CSS @import rule prevents... Read More