Web development

So today i got shortlisted for one of the internship for web development and i was asked to research on two questions those were –

1. Explain five points which a developer should keep in mind while designing a responsive website which would serve customers across multiple devices with different screen resolution.

Solution– Responsive web designing is very important as per the need of the users. As the number of smartphone users increasing day by day it can’t be predicted easily about the medium of website viewers. These can be done by keeping in mind the CSS, flexible images, Google analytics, fluid grids and employing different versions.

1. 1. Employing at least three different versions – keeping different browser widths for desktop, mobile and tablet can help us to scale the content freely. Scaling down the contents to fit in a smaller page will make it unreadable so navigation and gestures can be used in mobile version to give user a better UI solution.
   2. Flexible images – This is one of the important key feature in every website design. We need to select for images on the basis of how they will scale properly.
   3. Google Analytics – To test our website in different browsers and applications Google’s resizer helps us to quickly preview our web design on multiple devices and browsers.
   4. Fluid grids – This helps to design layout in percentage values rather than setting in pixels. The elements in the layout re-size according to one another.
   5. CSS – This plays a major role in designing all the above mentioned fluid grids, flexible images and media queries all can be done under CSS. Media queries can be implemented so that our web design automatically changes as per the size of the screen.

2. Explain different measures to reduce the loading time of a website?

Solution – Loading time of a website is a important key feature in reducing its bounce rates and making an effective impact on its users. There are few things which can be used to reduce loading time-

• Optimize images – An image should always be scaled properly and then uploaded because scaling down with CSS forces our users to upload the full resolution image first and then scale it.
• Optimizing the CSS – The CSS loads before user can see our site. So minimizing CSS can remove extra spaces from our code and make files to the smallest size which enables user to see the site in less time.
• Scripts page can load after contents – java script files can load after rest of the page so they should be kept at the end of the content, before the body tag. Defer and async methods can also be used by adding them in code.
• Optimize Caches – Local memory should be used to cache resources to avoid unnecessary server requests. AJAX can be applied which helps to fetch the data from web server without page refreshing the updated content is loaded automatically while user browses through the page.
• Other methods like avoiding redirects, minimizing style sheets, avoid using java script heavy plugins can also be used to reduce loading time.

This was my research on these questions. would like to know more tips for more knowledge.

And i hope i get selected for this internship by this research. (fingers crossed) 🙂