This report presents the results of a technical analysis of HNG Website, conducted on 28 June 2024. The purpose of this analysis was to evaluate the website’s performance, security, accessibility, and overall technical quality. 🤔

Website Overview

– URL: https://hng.tech  ðŸ“‹

Technical Analysis

– Technical Specifications

    – HTML Version: 5 📊

    – CSS Version: 3 🎨

    – JavaScript Version: ES6 🤖

    – Security Scans: No vulnerabilities observed 🙌. SSL certified.

– Performance:

    – Fully Loaded Time: 8.7 seconds 🕰

    – Total Page Size: 4.89 MB 📊

    – Total Page Requests: 84 📈

        – Images: 44% 📷

        – JS: 41% 🤖

        – Others: 7.1% 🤔

– Accessibility:

    – Some images missing Alt attributes 📷

    – Too much whitespace, especially in mobile view 📱

    – Deprecated features used (unload event listeners in content.js) 🚨

– SEO:

    – No major issues detected 🙌

– Major Weaknesses:

    – Slow page loading (7-8 seconds) 🕰

    – Large image sizes slowing down page load 📷

    – Excessive whitespace between sections 📈

    – Accessibility issues (missing Alt attributes, deprecated features) 🚨

    – UX issues (footer section layout, text color contrast, header padding) 🤔

Recommendations

– Optimize images to reduce page size and loading time 📷

– Improve accessibility by adding Alt attributes and updating deprecated features 🚨

– Enhance UX by adjusting footer section layout, text color contrast, and header padding 🤔

– Consider using a horizontal accordion for the “Hire global talents” section 📈

– Reduce whitespace between sections 📈

– Use a less bright white color (#f1f5fa) for better readability 📊

Conclusion

This analysis identified areas for improvement in performance, accessibility, and user experience. Implementing the recommended changes will enhance HNG Website website’s overall technical quality and user experience. 📈

Blog header