In this article, I will try to conclude the easiest possible ways to optimise page speed and to improve your website’s Google ranking. Also, it is not only a research article but it explains each practical steps towards reducing page loading time which I learnt from my personal experience, optimising our web design agency website. Tips in this article have successfully achieved Google PageSpeed Score from 32 to 85 for our website. WHY REDUCE PAGE LOAD TIME? SOME SHOCKING FACTS: 1. Increases Conversion Rate According to kissmetrics.com, 47% of online users expect the website to be loaded in 2 seconds and 40% leave the website if it doesn’t load in 2 seconds. Similarly, 79% of the shoppers wouldn’t return to…
NEED A HIGH RESOLUTION (300DPI) GOOGLE MAP FOR PRINTING?
Adding Google map to the printing material is common these days to guide your audience to your business location. The normal practice is to take a screenshot of the Google map screen and use it in the artwork. I recently used Google map in a flyer design following the above screenshot method, the print result was very poor which ruin the look of the artwork. The 72 dpi screenshot was expected to result in a poor print but it was beyond the expectations. This tragedy (just kidding), trigger the quest of getting a 300 DPI high-resolution Google Map image for graphic design. I found different methods; the ’Google My Maps’ is the best, quickest and easiest way to get a high resolution 300…
BOOTSTRAP 16 COLUMN GRID SOLUTION
Most of the novice Bootstrap developers think that with Bootstrap they can only convert a 12 column grid Photoshop design into a responsive HTML. Recently, one my developer friend was working on project which he was doing for a client in Dubai. The design had been approved and the client wanted HTML based on Bootstrap framework. Unfortunately the home page was designed in 16 column grid system. My friend asked me if I can be any help, I have been using the Bootstrap for 12 column grid designs and didn’t experience such situation. As the Bootstrap CSS file has styles for only 12 columns, for example it starts from ‘col-sm-1’ and goes up to ‘col-sm-12’ which shows that it doesn’t…
BASICS OF WEBSITE LAYOUT (PART 1)
The first thing when you start planning a web design is the layout. Layout is actually the basic structure of a website design. At this stage you plan which component goes where. But before you start working on the layout, you should know the required layout size, layout style and website components. LAYOUT SIZE: The layout can be fluid which can fit any kind of screen resolution or it may be fixed width size. Fluid layouts are not common now a days, Wikipedia is the one among today’s top websites using fluid layout. In old days websites layout width used to be from 900px to 990px which were the best fit for the screen resolution 1024px and wider. Most of today’s websites…