Оптимизация CSS на готовом сайте
Добрый день!
Имеется небольшой сайт (13 страниц на одной языковой версии и 13 на другой.) Сайту уже более 5ти лет, он редизайнился, вёрстка менялась но при этом главный .css файл особо не правился. Добавлялись новые стили а старые не удалялись. В итоге там сейчас 5176 строк. + ещё доп .css файлы для всякиз слайдеров итд но там обьем не такой большой.
Что надо сделать -
1) Разбить .css так чтобы на каждой странице загружался только тот .css который там по факту используется.
2) Для каждой страницы вынести в <head></head> css который нужен для отрисовки первого экрана чтобы ускорить Google Page Speed показатель.
3) Удалять/переименовывать классы или id не надо. Так же не надо перевёрстывать ничего. (Если только в этом нет 100% необходимости, хотя сложно представить что это необходимо)
-
7 дней10 408 UAH7 дней10 408 UAH
Добрый день!
Могу проанализировать все стили, вынести только используемые в отдельные scss-модули и подключить только нужные по каждой из страниц. Это позволит:
- упростить дальнейшую поддержку за счёт структурированных scss-файлов;
- избежать повторного захламления кода в будущем (достаточно будет следовать минимальным правилам).
Работа будет выполняться без перевёрстки и без изменения существующих классов/ID — всё останется совместимым с текущим сайтом.
-
3 дня3122 UAH
96 3 дня3122 UAHМогу помочь с оптимизацией CSS на вашем сайте. Планирую разбить основной файл так, чтобы на каждой странице подгружался только нужный код, и вынести критические стили для быстрого рендера первого экрана. Проверки классов/ID или полная верстка не нужны, если не появятся критические проблемы.
Чтобы точнее оценить объем и сроки, у меня есть несколько уточнений:
Используют ли все страницы одинаковые шаблоны, или на некоторых сильно кастомные блоки?
Есть ли доступ к staging-сайту или будем работать непосредственно на продакшн?
Планируете ли оставлять все дополнительные CSS-файлы для слайдеров и плагинов без изменений, или можно немного объединить/оптимизировать?
-
1 день5204 UAH
129 1 день5204 UAHДобрый день.
Сайт только на HTML + CSS?
Не использовали никаких фреймворков?
Я готов начать сейчас.
Спасибо.
-
1 день4163 UAH
225 1 день4163 UAHПриветствую. Во фронтенд разработке более 9 лет. Готов приступить к работе. Но стили не так уж сильно замедляют загрузку сайта. Намного важнее джеес и вес медиафайлов. Надо смотреть.
Портфолио:
Freelancehunt
-
3 дня2602 UAH
404 1 0 3 дня2602 UAHЗдравствуйте Мартин!
Ознакомился с задачей и готов приступить к правкам на вашем сайте, более подробно телось бы ознакомиться с задачей для понимания обьема работ...
Готов обсудить задание в личной переписке Freelancehunt
Примеры моих работ: Freelancehunt
Благодарю за внимание к моей ставке.
-
5 дней10 408 UAH
1368 15 0 5 дней10 408 UAHЗдравствуйте. Смогу оптимизировать стили и файлы css, разбить на файлы и оптимизировать по pagespeed. Имею опыт во фронтенде более 2,5 лет
-
2 дня5204 UAH
230 1 0 2 дня5204 UAHДобрый день!
Готов заняться оптимизацией стилей на сайте. Приведу CSS в порядок, разделю по страницам, вынесу критическую часть для ускорения загрузки и повышения показателей в PageSpeed. Вёрстку и существующие классы трогать не буду.
-
2 дня2602 UAH
303 2 дня2602 UAHЗдравствуйте!
Готов оптимизировать ваш CSS для ускорения загрузки сайта и улучшения показателей Google PageSpeed.
Сделаю разделение стилей, чтобы на каждой странице загружались только необходимые файлы, вынесу критический CSS в для быстрого рендера, а также удалю лишние правила без ущерба для работы сайта.
-
5 дней5204 UAH
1240 6 0 5 дней5204 UAHДобрый день ! У меня 3-летний опыт работы с HTML, CSS, SCSS, JS, . С частью работ можно ознакомиться в портфолио. Качество гарантирую. Стоимость и сроки будут зависеть от сложности и объемов работ. Хотелось бы ознакомиться более подробно с задачами. Свободен от проектов и могу приступить сразу к реализации. Пишите, буду рад сотрудничеству с Вами)
Вот несколько недавних работ:
https://www.victor-musteata.de/
https://wood-on-fire.com/
https://www.eye-polygraph.com/
https://www.dailyrentkiev.com/
https://mashaonsol.com/ - редизайн
https://pvfond.org/ - доработка дизайна
https://www.mstrmebliv.com/
… https://dailyrent.online/
-
2 дня1301 UAH
118 2 дня1301 UAHДобрый день, готов взяться за эту работу и обсудить детали в личных сообщениях, пишите. Сроки ставлю приблизительные, но работа не кажется сложной, так что могу сделать и раньше.
-
2 дня5204 UAH
536 33 0 2 2 дня5204 UAHЗдравствуйте. Готов выполнить Ваш проект после согласования в ЛС. Окончательные сроки и цена - после согласования.
Могу еще предложить техподдержку и сопровождение в дальнейшем.
-
2 дня5204 UAH
12654 230 1 2 дня5204 UAHДобрый день!
Делал я подобную задачу, могу сделать правки у вас.
Для точной оценки скиньте сайт и на чем сделан.
Могу начать сразу же.
Обращайтесь.
-
3 дня4996 UAH
1405 12 0 3 дня4996 UAHЗдравствуйте Мартин!
Могу помочь с выполнением задания.
Работаю с html, css/scss, js.
Сделаю всё быстро и качествено.
На связи 24/7
-
3 дня1301 UAH
350 3 дня1301 UAHДобрый день! Готов приступить к оптимизации css файлов, а также их разбивке под каждую страницу.
-
3 дня5204 UAH
2994 9 0 3 дня5204 UAHЗдравствуйте.
Оптимизирую CSS на вашем сайте качественно и согласно ТЗ. Опыт в front-end более 6 лет.
-
1 день1301 UAH
162 1 день1301 UAHЗдравствуйте.
С интересом ознакомилась с Вашим проектом. Уверена что смогу сделать эффективную и качественную работу соответствующее Вашим требованиям и ожиданиям. Опыт работы более 8 лет. Готова обсудить детали и приступить к работе. Жду Вашего ответа.
-
2 дня4163 UAH
1195 8 0 2 дня4163 UAHпривет. готов взяться за оптимизацию ваших css файлов......
-
3 дня3643 UAH
255 0 1 3 дня3643 UAHУчитывая, что это самое лёгкое, что может быть, готов выполнить в ближайшие сроки для вас
-
7 дней4163 UAH
244 7 дней4163 UAHДобрый день,
С удовольствием возьмусь за исправление файлов CSS, при этом я хотела бы сначала проанализировать страницу и её код. Если страница имеет классы для каждого элемента или id, нет необходимости вводить его в теге head, достаточно добавить комментарий в файл CSS, к какой странице или элементу это относится.
Приглашаю к контакту.
С уважением
Александра Михулка - CraftedWP
-
7 дней4163 UAH
447 1 0 7 дней4163 UAHЗдравствуйте, Martin!
Я внимательно ознакомилася с вашим заданием — опыт в верстке и оптимизации CSS как раз позволяет мне решить такую задачу качественно.
Что я предлагаю:
Разделю текущий CSS по страницам, чтобы каждая загружала только нужное — это снизит нагрузку и ускорит загрузку.
Вынесу критические стили для первого экрана в (inline), чтобы повысить оценку Google PageSpeed.
… Аккуратно почищу код: удалю неиспользуемые классы и блоки, но ничего не буду перевёрстывать, как вы и просите.
Использую инструменты вроде PostCSS + PurgeCSS, ручную чистку и оптимизацию без потери дизайна.
Готова обсудить детали, показать примеры работы и приступить уже сегодня.
Буду рад помочь вам привести CSS в порядок.
-
2 дня4944 UAH
4751 66 0 2 дня4944 UAHДобрый день, Мартин! Могу сделать. Опыт веб-разработки 6+ лет. Детали в приват.
-
1 день1301 UAH
875 9 2 1 день1301 UAHЗдравствуйте, могу заняться, напишите в лс
------------------------------------------
-
1 день5204 UAH
1639 4 0 1 день5204 UAHДобрый день. Мжно ссылку на сайт для ознакомления масштабов работ?
https://webcodewp.com/portfolio
-
1 день4163 UAH
1125 30 2 1 день4163 UAHДобрый день! 👋
Задача понятна. Могу оптимизировать CSS так, чтобы на каждой странице подключался только нужный код, вынести критические стили в для ускорения загрузки и при этом сохранить все классы и ID без изменений.
Чтобы точнее оценить объем работы, могу ли я посмотреть сайт и сами CSS-файлы?
-
1 день3643 UAH
343 1 день3643 UAHПривет 1 день 3к гривен, 5 лет в Frontend разработке Bem, адаптив, mobile first/ добавьте больше...react
-
1 день6245 UAH
1465 34 2 2 1 день6245 UAH✅ Добрый день, меня зовут Павел,
✅ Опыт работы — 8 лет,
✅ Есть профиль на UpWork,
✅ Очень заинтересовал ваш проект. Для подробного обсуждения всех нюансов — свяжитесь со мной,
✅ Сроки всегда беру с запасом,
✅ Выполню все в срок и по вашим пожеланиям,
✅ Работал в WayPoint (SEO Junior) — 6 месяцев,
✅ Работал в MagicTraffic (SEO Junior) — 6 месяцев,
✅ Работал в компании Transparen (Канада),
… ✅ https://transparen.com/
✅ ReactJS Developer,
✅ React Native (iOS) Developer,
✅ Также разработка сайтов под ключ: DLE, WordPress, Joomla, Bitrix24, WooCommerce,
✅ Хорошо понимаю логику, структуру и архитектуру проектов,
✅ Быстро разбираюсь в чужом коде и чужих проектах,
✅ Постоянно обучаюсь и обновляю знания в соответствии с актуальными трендами,
✅ Знаю, как работают большинство технологий «под капотом», даже если иногда не помню точный синтаксис — быстро наверстываю,
✅ Могу консультировать по UX/UI, с учетом опыта в мобильных приложениях,
✅ Умею работать с API, Firebase, интеграцией платежных систем,
✅ Никогда не «бросаю» проекты и остаюсь на связи после завершения,
✅ Работаю самостоятельно, без необходимости в постоянном контроле,
✅ Открыт к обратной связи и корректировкам на любом этапе,
✅ Работаю как с фиксированными задачами, так и с почасовой оплатой.
-
1 день1301 UAH
148 1 день1301 UAHСтаньте моим первым заказчиком, умоляю!
Я студент магистрант, в веб-разработке уже 6 лет
Хочу развить фриланс аккаунт
Помогите применить свои знания по необходимости, сделаю все четко!
-
3 дня3903 UAH
1332 17 2 3 дня3903 UAHЗдраствуйте, Мартин👋
Занимаюсь рефакторингом и тестированием для бизнеса, имею коммерческий опыт. Предлагаю не просто сократить CSS, а заменить невалидные и устаревшие элементы по стандарту HTML5/CSS3 без изменений в дизайне.
Хочу взглянуть на сайт. Можете отправить линк в лс?
Портфолио👉 Freelancehunt
Детали на сайте👉https://uniworker.com.ua
-
3 дня10 408 UAH
95478 1271 1 10 3 дня10 408 UAHЗдравствуйте.Есть большой опыт в оптимизации сайтов.Готов к сотрудничеству
-
5 дней6245 UAH
475 2 0 5 дней6245 UAHЗдравствуйте! Готов обсудить и выполнить Ваш заказ.
https://smate1.github.io/ink.design/
https://smate1.github.io/PanterEx/
https://smate1.github.io/stay_safe/
https://smate1.github.io/avg/
-
Чи можете надати посилання на сайт ? Без бачення поточного стану, складно робити ставку щодо вартості та термінів
-
Актуальные фриланс-проекты в категории HTML и CSS верстка
Посадочная страница для Shopify-магазина по готовому макетуНужно разработать landing page для интернет-магазина на Shopify. Магазин уже работает на купленной теме, поэтому задача — адаптировать готовый визуальный макет и структуру под возможности текущей темы, без полной разработки с нуля. Страница нужна под рекламный трафик из Facebook… CMS, HTML и CSS верстка ∙ 1 час 7 минут назад ∙ 13 ставок |
Добавить блок на сайтДля сайта: https://queenstabledance.com/ Надо сделать блок контента на двух языковых версиях - что бы он редактировался в админке. Пример блока ниже. HTML и CSS верстка ∙ 2 часа 45 минут назад ∙ 41 ставка |
Собрать страницу на Elementor ProНеобходимо собрать с нуля страницу на сайте WordPress на плагине Elementor (Pro-версия). Десктоп версия + адаптивная версия планшет и мобильный. Дизайн предоставляем в Figma. Шаблон документа дизайна — в приложениях (только десктоп версия). Необходимо будет использовать… HTML и CSS верстка, Веб-программирование ∙ 5 часов 23 минуты назад ∙ 49 ставок |
Обновление плагинов и тем WP сайт putevka.uz«Нужно провести технический аудит WordPress-сайта, проверить актуальность, безопасность и совместимость установленных плагинов и темы. По результатам — предложить легальные варианты обновления, замены устаревших решений или перехода на официально доступные аналоги. Платные… HTML и CSS верстка, PHP ∙ 10 часов 12 минут назад ∙ 31 ставка |
Разработка интерактивной карты Palworld для сайтаНеобходимо разработать интерактивную карту Palworld по примеру: https://palworld.gg/map Нам нужна не просто статическая картинка, а полноценная интерактивная карта, где пользователь может смотреть локации, включать / выключать категории объектов, искать нужные точки и… HTML и CSS верстка, Javascript и Typescript ∙ 1 день 1 час назад ∙ 28 ставок |
Рига