Doguldur

🔗 Посилання на сайт: https://dima-sd.github.io/Dolguldur/app/index.html
🖌️ P.S. Макет сайту створено dementor.org

Сайт Dolguldur був створений відповідно до всіх вимог верстки, що дозволило досягти результату 95+ за основними метриками.

Сайт адаптований за методологією Mobile First, завдяки чому зменшено кількість коду та покращено швидкість завантаження. Браузер спочатку застосовує мобільні стилі, тому користувачі на телефонах бачать сторінку без затримок. Це важливо, адже сьогодні більшість користувачів заходять на сайти саме з мобільних пристроїв.

Також була проведена ретинізація та оптимізація зображень.
Система автоматично підвантажує найефективніший формат:

• якщо браузер підтримує AVIF (найсучасніший формат зображень) — використовується саме він;

• якщо ні — автоматично підтягується формат WebP, який підтримується всіма сучасними браузерами.

Ретинізація гарантує, що на пристроях із Retina-екранами зображення залишаються чіткими й не втрачають якість.

Під час розробки використовувалася Gulp-збірка та HTML include, що зробило сайт компонентним і зручним у подальшій підтримці.

Також реалізовано всі вимоги сучасної верстки: інтерактивні стани (hover, focus, active), семантичність, доступність, валідність і якісна структура коду.

У результаті сайт Dolguldur має високі показники якості та продуктивності (95+) і готовий до легкого масштабування в майбутньому.