Оптимізація CSS на готовому сайті
Добрий день!
Є невеликий сайт (13 сторінок на одній мовній версії та 13 на іншій.) Сайту вже більше 5 років, він редизайнувався, верстка змінювалася, але при цьому головний .css файл особливо не правився. Додавалися нові стилі, а старі не видалялися. В результаті там зараз 5176 рядків. + ще додаткові .css файли для різних слайдерів тощо, але там обсяг не такий великий.
Що треба зробити -
1) Розбити .css так, щоб на кожній сторінці завантажувався тільки той .css, який там фактично використовується.
2) Для кожної сторінки винести в <head></head> css, який потрібен для відображення першого екрану, щоб прискорити показник Google Page Speed.
3) Видаляти/перейменовувати класи або id не потрібно. Також не потрібно перевертати нічого. (Якщо тільки в цьому немає 100% необхідності, хоча складно уявити, що це необхідно)
-
7 днів10 386 UAH7 днів10 386 UAH
Доброго дня!
Можу проаналізувати всі стилі, винести тільки використані в окремі scss-модулі та підключити тільки потрібні для кожної зі сторінок. Це дозволить:
- спростити подальшу підтримку за рахунок структурованих scss-файлів;
- уникнути повторного захаращення коду в майбутньому (достатньо буде дотримуватись мінімальних правил).
Робота буде виконуватись без перевірки верстки та без зміни існуючих класів/ID — все залишиться сумісним з поточним сайтом.
-
3 дні3116 UAH
96 3 дні3116 UAHМожу допомогти з оптимізацією CSS на вашому сайті. Планую розбити основний файл так, щоб на кожній сторінці підвантажувався тільки потрібний код, і винести критичні стилі в для швидкого рендеру першого екрану. Перевірки класів/ID або повна переверстка не потрібні, якщо не з’являться критичні проблеми.
Щоб точніше оцінити обсяг і терміни, маю кілька уточнень:
Чи всі сторінки використовують однакові шаблони, чи на деяких сильно кастомні блоки?
Чи є доступ до staging-сайту або будемо працювати безпосередньо на продакшн?
Чи плануєте залишати всі додаткові CSS-файли для слайдерів і плагінів без змін, або можна трохи об’єднати/оптимізувати?
-
1 день5193 UAH
129 1 день5193 UAHДоброго дня.
Вебсайт побудований лише на HTML + CSS?
Не використовували жодного фреймворку?
Я готовий почати зараз.
Дякую.
-
1 день4154 UAH
225 1 день4154 UAHВітаю. У фронтенд розробці більше 9 років. Готовий розпочати роботу. Але стилі не так вже сильно сповільнюють завантаження сайту. Набагато важливіше джеес і вага медіафайлів. Треба дивитися.
Портфоліо:
Freelancehunt
-
3 дні2597 UAH
404 1 0 3 дні2597 UAHПривіт, Мартине!
Ознайомився з завданням і готовий приступити до правок на вашому сайті, більш детально хотілося б ознайомитися з завданням для розуміння обсягу робіт...
Готовий обговорити завдання в особистому листуванні Freelancehunt
Приклади моїх робіт: Freelancehunt
Дякую за увагу до моєї ставки.
-
5 днів10 386 UAH
1368 15 0 5 днів10 386 UAHПривіт. Зможу оптимізувати стилі та файли css, розбити на файли та оптимізувати за pagespeed. Маю досвід у фронтенді більше 2,5 років
-
2 дні5193 UAH
230 1 0 2 дні5193 UAHДоброго дня!
Готов зайнятися оптимізацією стилів на сайті. Приведу CSS в порядок, розділю по сторінках, винесу критичну частину для прискорення завантаження та підвищення показників у PageSpeed. Верстку та існуючі класи чіпати не буду.
-
2 дні2597 UAH
303 2 дні2597 UAHПривіт!
Готовий оптимізувати ваш CSS для прискорення завантаження сайту та покращення показників Google PageSpeed.
Зроблю розділення стилів, щоб на кожній сторінці завантажувалися тільки необхідні файли, винесу критичний CSS для швидкого рендеру, а також видалю зайві правила без шкоди для роботи сайту.
-
5 днів5193 UAH
1240 6 0 5 днів5193 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 дні1298 UAH
118 2 дні1298 UAHДоброго дня, готовий взятися за цю роботу та обговорити деталі в особистих, пишіть. Терміни ставлю приблизні, але робота не здається складною, тож можу зробити й раніше.
-
2 дні5193 UAH
536 33 0 2 2 дні5193 UAHДоброго дня. Готовий виконати Ваш проект після узгодження в ЛС. Остаточні терміни та ціна - після узгодження.
Можу ще запропонувати технічну підтримку та супровід у подальшому.
-
2 дні5193 UAH
12600 229 1 2 дні5193 UAHДоброго дня!
Я робив подібне завдання, можу внести правки у вас.
Для точної оцінки скиньте сайт і на чому зроблено.
Можу почати одразу ж.
Звертайтеся.
-
3 дні4985 UAH
1405 12 0 3 дні4985 UAHПривіт, Мартине!
Можу допомогти з виконанням завдання.
Працюю з html, css/scss, js.
Зроблю все швидко і якісно.
На зв'язку 24/7
-
3 дні1298 UAH
350 3 дні1298 UAHДоброго дня! Готовий розпочати оптимізацію css файлів, а також їх розбивку під кожну сторінку.
-
3 дні5193 UAH
3419 10 0 3 дні5193 UAHДоброго дня.
Оптимізую CSS на вашому сайті якісно та відповідно до ТЗ. Досвід у front-end більше 6 років.
-
1 день1298 UAH
162 1 день1298 UAHДоброго дня.
З цікавістю ознайомилася з Вашим проектом. Впевнена, що зможу виконати ефективну та якісну роботу, що відповідає Вашим вимогам та очікуванням. Досвід роботи понад 8 років. Готова обговорити деталі та розпочати роботу. Чекаю на Вашу відповідь.
-
2 дні4154 UAH
1195 8 0 2 дні4154 UAHвітаю. готовий взятися за оптимізацію ваших css файлів......
-
3 дні3635 UAH
279 0 1 3 дні3635 UAHВраховуючи, що це найпростіше, що може бути, готовий виконати в найближчі терміни для вас
-
7 днів4154 UAH
244 7 днів4154 UAHДоброго дня,
З радістю візьмуся за виправлення файлів CSS, при цьому хотіла б спочатку проаналізувати сторінку та її код. Якщо сторінка має класи для кожного елемента або id, немає необхідності вводити його в тег head, достатньо додати коментар у файлі CSS, до якої сторінки або елемента це стосується.
Запрошую до контакту.
З повагою
Олександра Міхулка - CraftedWP
-
7 днів4154 UAH
447 1 0 7 днів4154 UAHПривіт, Martin!
Я уважно ознайомилася з вашим завданням — досвід у верстці та оптимізації CSS якраз дозволяє мені вирішити таку задачу якісно.
Що я пропоную:
Розділю поточний CSS по сторінках, щоб кожна завантажувала тільки потрібне — це знизить навантаження і прискорить завантаження.
Винесу критичні стилі для першого екрану в (inline), щоб підвищити оцінку Google PageSpeed.
… Акуратно почищу код: видалю невикористовувані класи та блоки, але нічого не буду перевертати, як ви і просите.
Використаю інструменти на кшталт PostCSS + PurgeCSS, ручне очищення та оптимізацію без втрати дизайну.
Готова обговорити деталі, показати приклади роботи і розпочати вже сьогодні.
Буду рада допомогти вам привести CSS в порядок.
-
2 дні4933 UAH
4751 66 0 2 дні4933 UAHДоброго дня, Мартін! Можу зробити. Досвід веб розробки 6+ років. Деталі в приват.
-
1 день1298 UAH
875 9 2 1 день1298 UAHПривіт, можу зайнятися, напишіть в лс
------------------------------------------
-
1 день5193 UAH
1639 4 0 1 день5193 UAHДоброго дня. Можна посилання на сайт для ознайомлення з масштабами робіт?
https://webcodewp.com/portfolio
-
1 день4154 UAH
1125 30 2 1 день4154 UAHДоброго дня! 👋
Задача зрозуміла. Можу оптимізувати CSS так, щоб на кожній сторінці підключався тільки потрібний код, винести критичні стилі в для прискорення завантаження і при цьому зберегти всі класи та ID без змін.
Щоб точніше оцінити обсяг роботи, можу я подивитися сайт і самі CSS-файли?
-
1 день3635 UAH
343 1 день3635 UAHВітаю 1 день 3к гривень, 5 років в Frontend розробці Bem, адаптив, mobile first/ add more...react
-
1 день6232 UAH
1465 34 2 2 1 день6232 UAH✅ Добрий день, мене звати Павло,
✅ Досвід роботи — 8 років,
✅ Є профіль на UpWork,
✅ Дуже зацікавив ваш проєкт. Для докладного обговорення всіх нюансів — зв'яжіться зі мною,
✅ Термін завжди беру з запасом,
✅ Виконаю все в строк і за вашими побажаннями,
✅ Працював у WayPoint (SEO Junior) — 6 місяців,
✅ Працював у MagicTraffic (SEO Junior) — 6 місяців,
✅ Працював у компанії Transparen (Canada),
… ✅ https://transparen.com/
✅ ReactJS Developer,
✅ React Native (iOS) Developer,
✅ Також розробка сайтів під ключ: DLE, WordPress, Joomla, Bitrix24, WooCommerce,
✅ Добре розумію логіку, структуру і архітектуру проєктів,
✅ Швидко розбираюсь у чужому коді та чужих проектах,
✅ Постійно навчаюся та оновлюю знання відповідно до актуальних трендів,
✅ Знаю, як працює більшість технологій «під капотом», навіть якщо іноді не памʼятаю точний синтаксис — швидко надолужую,
✅ Можу консультувати щодо UX/UI, з урахуванням досвіду в мобільних додатках,
✅ Вмію працювати з API, Firebase, інтеграцією платіжних систем,
✅ Ніколи не «кидаю» проєкти та залишаюсь на зв'язку після завершення,
✅ Працюю самостійно, без потреби в постійному контролі,
✅ Відкритий до зворотного звʼязку та корекцій на будь-якому етапі,
✅ Працюю як із фіксованими задачами, так і з погодинною оплатою.
-
1 день1298 UAH
148 1 день1298 UAHСтаньте моїм першим замовником, умоляю!
Я студент магістратури, у веб-розробці вже 6 років
Хочу розвинути фриланс акаунт
Допоможіть застосувати свої знання за необхідності, зроблю все чітко!
-
3 дні3895 UAH
1327 17 2 3 дні3895 UAHЗдравствуйте, Мартин👋
Займаюся рефакторингом і тестуванням для бізнесу, маю комерційний досвід. Пропоную не просто скоротити CSS, а замінити невалідні та застарілі елементи за стандартом HTML5/CSS3 без змін у дизайні.
Хочу поглянути на сайт. Можете надіслати лінк в лс?
Портфоліо👉 Freelancehunt
Деталі на сайті👉https://uniworker.com.ua
-
3 дні10 386 UAH
95862 1272 1 10 3 дні10 386 UAHПривіт. Є великий досвід в оптимізації сайтів. Готовий до співпраці
-
5 днів6232 UAH
475 2 0 5 днів6232 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 верстання
Webflow розробник для заповнення сторінок портфоліо на сайтіЄ сайт розроблений кастомно на вебфлоу для будівельної компанії, потрібно швидко заповнити сторінки проектів за одним шаблоном (замінити картинки і тексти) Для 2 мов Кількість - 6 штук Готові починати asap, дякую! HTML та CSS верстання, Веб-програмування ∙ 15 годин 58 хвилин тому ∙ 30 ставок |
Верстка та посадка на WordPress сайту будівельної компанії (Premium-сегмент) з акцентом на SEOОпис проєкту:Шукаємо досвідченого WordPress-розробника для верстки та посадки готового дизайн-макета з Figma на CMS WordPress. Важливий контекст проєкту:Це не розробка сайту з нуля. Компанія має діючий сайт, ми оновлюємо структуру та дизайн. Нам необхідно реалізувати головну… HTML та CSS верстання, Веб-програмування ∙ 20 годин 40 хвилин тому ∙ 54 ставки |
Переніс сайта з опенкарту на платформу ХорошопДобрий день. Є сайт на опенкарті, інтернет магазин. Потрібно перенести струкутуру сайту на платформу хорошоп, підібрати дизайн для нового сайту та зробити його повноцінно працюючим HTML та CSS верстання, Веб-програмування ∙ 1 день 17 годин тому ∙ 31 ставка |
Потрібен сильний WordPress / WooCommerce спеціаліст для доопрацювання сайту MARSPROШукаємо відповідального фрілансера або невелику команду для якісного завершення та технічного доопрацювання сайту компанії MARSPRO. Сайт вже працює, але після попереднього розробника залишилось багато дрібних і важливих технічних проблем. Нам потрібна людина, яка зможе не просто… CMS, HTML та CSS верстання ∙ 2 дні 17 годин тому ∙ 44 ставки |
Сандра Айс Крим - Калейдоскоп
4122 UAH
У нас є невеликий проект, і ми хотіли б дізнатися, чи зможете Ви підготувати для нас відеоролик для LED-екрана. Відео буде використовуватися на нашому заході. Ми надамо всі необхідні матеріали: дизайн, брендбук, розміри та технічні вимоги. Будь ласка, повідомте, якщо Ви доступні… HTML та CSS верстання ∙ 2 дні 19 годин тому ∙ 7 ставок |
Рига