Improving the Hyperzon's site performance and overall user experience.
The customer provided all the assets and the design of the site. Also almost finished frontend of the site, built with HTML5, CSS3 (Less), and third party JavaScript libraries and PHP. They asked me to finish and optimize the frontend of the site. They told me in the near future they will rebuild the site with the CodeIgniter MVC framework. So In order to test all implemented features I was in need to build a basic PHP MVC framework for the current state of that project.
- Page speed optimization.
- Convert all media files in WebP, WebM and other applicable modern formats.
- Implement lazy loading via HTML5 and/or JavaScript.
- Minification and uglification of all hosted Fonts, CSS and JavaScript files.
- Automation of the above process.
- Resource loading prioritization and optimization.
- Finish the frontend of the site:
- Create responsive blog grid template,
- Create Single blog post page template.
- Final touch of the CSS/Less and the overall site responsiveness.
- Refactoring all JavaScript code.
- Implement single page application (SPA) conception with pure JavaScript.
- Implement photo and video gallery with pure JavaScript.
- Overall site scripts and features integration.
- Browser and OS compatibility optimization.
- Test the site on all major browsers.
- Test the site on all major OS.