Página web estática

Em computação, uma página web estática, as vezes simplesmente chamado de página estática ou página plana, é uma página web que é entregada para um navegador web exatamente como está armazenada,[1] ao contrário de páginas web dinâmicas onde são geradas por uma aplicação web.[2]

Consequentemente, uma página web estática exibe a mesma informação para todos os usuários, de todos os contextos, sujeito às capacidades modernas de um servidor web para negociar o tipo de conteúdo ou linguagem do documento, quando tais versões estiverem disponíveis e o servidor estiver configurado para tal.[3] No entanto, o JavaScript de uma página web pode introduzir funcionalidade dinâmica, o que pode tornar uma página estática dinâmica.

Visão geral

As páginas web estáticas são geralmente documentos HTML,[4] armazenados como arquivos no sistema de arquivos e disponibilizados pelo servidor web através do HTTP (no entanto, URLs que terminam com ".html" nem sempre são estáticos). No entanto, interpretações mais amplas do termo poderiam incluir páginas da web armazenadas em um banco de dados e até mesmo páginas formatadas usando um template e servidas por meio de um servidor de aplicativos, desde que a página servida seja imutável e apresentada essencialmente como armazenada.

O conteúdo das páginas web estáticas permanece inalterado, independentemente do número de vezes que é visualizado. Tal páginas web são adequadas para conteúdos que raramente precisam ser atualizados, embora os sistemas modernos de modelos web estejam mudando isso. Manter um grande número de páginas estáticas como arquivos pode ser impraticável sem ferramentas automatizadas, como por exemplo geradores de sites estáticos. Qualquer personalização ou interatividade deve ser executada no lado do cliente, o que é restritivo.[5]

Vantagens

  • Fornece maior segurança sobre websites dinâmicos (websites dinâmicos estão em risco de ataques de web shell caso uma vulnerabilidade estiver presente)[6]
  • Melhor desempenho para os usuários finais em comparação com sites dinâmicos[7]
  • Pouca ou nenhuma dependência em sistemas como bancos de dados ou em outros servidores de aplicação[8]
  • Redução de custos com a utilização de armazenamento em nuvem, em oposição a um ambiente hospedado[9]
  • As configurações de segurança são fáceis de definir, o que torna o sistema mais seguro.

Desvantagens

  • A funcionalidade dinâmica deve ser executada no lado do cliente[5]

Geradores de sites estáticos

Geradores de sites estáticos são aplicativos que compilam sites estáticos - normalmente preenchendo templates HTML em uma estrutura de pastas e arquivos predefinida, com conteúdo fornecido em um formato como Markdown ou AsciiDoc.

Implementações

Referências

  1. ↑ Melendez, Steven (10 de agosto de 2018). «The Difference Between Dynamic & Static Web Pages». Chron (em inglês). Consultado em 20 de março de 2019. Cópia arquivada em 20 de março de 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 (em inglês). Consultado em 20 de março de 2019. Cópia arquivada em 17 de janeiro de 2017. 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» [Site estático ou dinâmico]. morphenZero (em francês). Consultado em 27 de julho de 2019. Cópia arquivada em 11 de setembro de 2016. 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 (em inglês). Consultado em 4 de novembro de 2018. Cópia arquivada em 4 de novembro de 2018 
  5. ↑ a b Bouças, Eduardo (20 de maio de 2015). «An Introduction to Static Site Generators» (em inglês). Consultado em 20 de março de 2019. Cópia arquivada em 26 de junho de 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 (em inglês). 6 de fevereiro de 2017. Consultado em 17 de fevereiro de 2017. Cópia arquivada em 16 de fevereiro de 2017 
  7. ↑ «Why Static Website Generators Are The Next Big Thing – Smashing Magazine». Smashing Magazine (em inglês). 2 de novembro de 2015. Consultado em 17 de fevereiro de 2017. Cópia arquivada em 18 de fevereiro de 2017 
  8. ↑ Bouças, Eduardo (20 de maio de 2015). «An Introduction to Static Site Generators» (em inglês). Consultado em 20 de março de 2019. Cópia arquivada em 21 de julho de 2015. 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 de outubro de 2018). «Static vs Dynamic Websites: Pros and Cons» (em inglês). Consultado em 26 de dezembro de 2018. Cópia arquivada em 26 de dezembro de 2018 
  10. ↑ «Pelican – A Python Static Site Generator». Pelican (em inglês). Pelican. Consultado em 11 de fevereiro de 2025 
  11. ↑ «Building static websites in Julia». Franklin (em inglês). Franklin. Consultado em 11 de fevereiro de 2025 
Este artigo é emitido por Wikipédia. O texto é licenciado sob Creative Commons Attribution-Share Alike 4.0. Termos adicionais podem ser aplicados aos arquivos de mídia.