Структура JavaScript, яка ставить веб-сторінки на дієту
Svelte, створений графічним редактором для The New York Times, привернув людей серед програмістів, які хочуть, щоб їх сторінки завантажувалися швидше.
Веб-сайти занадто великі.
За інформацією HTTP Archive, веб-сторінки, яка відстежує ефективність веб-сайтів та технології, які вони використовують, середня веб-сторінка становить близько 2 мегабайт. Звичайно, ви можете завантажити 2 мегабайти менш ніж за секунду на хорошому мобільному зв’язку 4G. Але сучасні веб-сторінки є проблематичними для людей, які мають повільні зв’язки або мають невелику пропускну здатність. Не так давно на 1,4-мегабайтній дискеті вміщалася складна гра чи програма.
Є багато причин, чому сьогоднішня мережа настільки роздута, включаючи рекламу та сценарії відстеження, які осідають стільки сторінок. Інша причина полягає в тому, що веб-сайти роблять набагато більше, ніж просто відображають текст та зображення. Зараз багато сайтів виглядають і відчувають себе повномасштабними настільними програмами.
Для створення цих інтерактивних веб-сайтів багато веб-розробники звертаються до пакетів з відкритим кодом, які обробляють загальні завдання. Ці інструменти звільняють програмістів від великої бурхливої роботи, але вони можуть додати важкості проекту. Наприклад, популярна бібліотека Facebook з відкритим кодом React для побудови користувальницьких інтерфейсів важить 100 кілобайт. Додайте деякі інші інструменти та графіку, і незабаром ви говорите про багато мегабайт.
Новий фреймворк JavaScript Svelte, створений візуальним журналістом та розробником програмного забезпечення Річем Харрісом, має на меті спростити швидше написання, менших інтерактивних веб-сайтів та додатків. Веб-розробник Шон Ван каже, що зменшив розмір свого особистого веб-сайту зі 187 кілобайт до 9 кілобайт, переключившись з React на Svelte.
"Це був великий момент" нічого собі ", - говорить Ван. "Я навіть не намагався оптимізувати розмір, і він просто впав".
Харріс, графічний редактор The New York Times, створив і випустив першу версію Svelte в 2016 році, працюючи в The Guardian. Багато його проектів стосувались інтерактивної графіки та анімації, але він побоювався, що графіка може зайняти занадто багато часу або перегляне обмеження даних користувачів.
Фреймворки додають веб-сайтам напруги, оскільки вони традиційно служать середнім шаром між кодом програми та браузером користувача. Це означає, що розробникам потрібно поєднати весь фреймворк, окрім власного коду, з додатком, навіть якщо вони не використовують усі функції фреймворку. Ван порівнює це з ракетним кораблем, якому для запуску в космос потрібні масивні паливні баки.