Статична вебсторінка

Статична вебсторінка (іноді плоска сторінка або стаціонарна сторінка) — вебсторінка, яка передається у веббраузер саме такою,^[1] як вона зберігається, на відміну від динамічних вебсторінок, які генерує вебзастосунок^[2].

Отже, статична вебсторінка відображає однакову інформацію для всіх користувачів із усіх контекстів, з урахуванням сучасних можливостей веб-сервера погоджувати^[en] тип вмісту чи мову документа, якщо доступні різні версії і сервер налаштований на це^[3]. Однак код JavaScript на вебсторінці може запровадити динамічну функціональність, яка перетворить статичну веб-сторінку на динамічну.

Огляд

Статичні вебсторінки часто є документами HTML^[4], які зберігаються як файли у файловій системі, а вебсервер передає їх через HTTP (однак URL-адреси, що закінчуються на «.html», не завжди є статичними). Однак вільні тлумачення терміну можуть включати вебсторінки, що зберігаються в базі даних, і навіть сторінки, відформатовані за допомогою шаблону та обслуговувані сервером застосунків, якщо вони є незмінними та передаються, по суті, так, як збережені.

Вміст статичних веб-сторінок залишається незмінним, незалежно від кількості переглядів. Такі вебсторінки підходять для вмісту, який рідко потребує оновлення, хоча сучасні системи вебшаблонів це змінюють. Підтримувати багато статичних сторінок у вигляді файлів може бути незручно без автоматизованих засобів, таких як генератори статичних сайтів. Будь-яка персоналізація чи інтерактивність має виконуватися на стороні клієнта, що є обмеженням^[5].

Переваги

• Забезпечують покращений захист, аніж динамічні вебсайти, які, за наявності вразливості, зазнають ризику атак через вебоболонку^[en])^[6].
• Покращена продуктивність для кінцевих користувачів порівняно з динамічними вебсайтами^[7].
• Менше або повна відсутність залежностей від системи, таких як бази даних або інші сервери застосунків^[8].
• Економія коштів завдяки використанню хмарного сховища, порівняно з розміщенням на хостингу з СКВ^[9].
• Легко налаштувати конфігурації безпеки.

Недоліки

• Динамічні функції виконуються на боці клієнта^[5].

Генератори статичних сайтів

Генератори статичних сайтів — це програми, які компілюють статичні вебсайти, зазвичай заповнюючи шаблони HTML у попередньо визначеній структурі тек і файлів, зі вмістом у форматі на зразок Markdown або AsciiDoc.

Приклади генераторів статичних сайтів:

• Мова програмування Ruby:
  • Jekyll^[en] (керує сторінками GitHub)
  • Middleman
• Мова програмування Go:
  • Hugo^[en]
• Мова програмування JavaScript:
  • Next.js
  • Astro.build
• Мова програмування Python:
  • Pelican
• Мова програмування Julia:
  • Franklin

Примітки

1. Melendez, Steven (10 серпня 2018). The Difference Between Dynamic & Static Web Pages. Chron. Архів оригіналу за 20 березня 2019. Процитовано 20 березня 2019. Static by definition means something that does not change. The first pages on the World Wide Web were largely static and unchanged, delivering the same information about a particular topic to anyone who visited. In some cases, sites may evolve slightly over time but are still largely static, meaning that they only change when manually changed by their creators, not on a regular and automated basis.
2. Definition of: dynamic Web page. PC Magazine. Архів оригіналу за 17 січня 2017. Процитовано 20 березня 2019. A Web page that provides custom content for the user based on the results of a search or some other request.
3. Site statique ou dynamique [Static or dynamic site]. morphenZero (фр.). Архів оригіналу за 11 September 2016. Процитовано 27 July 2019. Ces pages peuvent présenter toute forme de contenu, animations flash, images, musique, vidéo etc... mais elles sont toujours présentées de la même façon.
4. What is a Static Web Page? - Definition from Techopedia. Techopedia.com (англ.). Процитовано 4 листопада 2018.
5. Bouças, Eduardo (20 травня 2015). An Introduction to Static Site Generators. Архів оригіналу за 26 червня 2019. Процитовано 20 березня 2019. A dangerous solution: There’s an easy exit for whenever you’re faced with the challenge of dynamically updating content on a static site: “I can do it with JavaScript”. Doing processing on the client-side and appending the results to the page after it’s been served can be the right approach for some cases, but must not be seen as the magic solution that turns your static site into a full dynamic one.
6. Why use a static site generator?. Jekyll Tips (англ.). 6 лютого 2017. Процитовано 17 лютого 2017.
7. Why Static Website Generators Are The Next Big Thing – Smashing Magazine. Smashing Magazine (амер.). 2 листопада 2015. Процитовано 17 лютого 2017.
8. Bouças, Eduardo (20 травня 2015). An Introduction to Static Site Generators. Архів оригіналу за 21 липня 2015. Процитовано 20 березня 2019. Less hassle with the server: Installing and maintaining the infrastructure required to run a dynamic site can be quite challenging, especially when multiple servers are involved or when something needs to be migrated. There’s packages, libraries, modules and frameworks with different versions and dependencies, there’s different web servers and database engines in different operating systems.
9. Vincet, William (9 жовтня 2018). Static vs Dynamic Websites: Pros and Cons.

Посилання

• Static Site Generators — список генераторів статичних сайтів.