.elementor-kit-4635{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-1f98e91:#FFFFFF;--e-global-color-21d1d65:#000000;--e-global-color-f0b95f9:#D33100;--e-global-color-37c14fc:#F0BE00;--e-global-typography-primary-font-family:"Montserrat";--e-global-typography-primary-font-size:36px;--e-global-typography-primary-font-weight:900;--e-global-typography-primary-line-height:1.4em;--e-global-typography-secondary-font-family:"Montserrat";--e-global-typography-secondary-font-size:16px;--e-global-typography-secondary-font-weight:400;--e-global-typography-secondary-line-height:1.4em;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-bfe1bd0-font-family:"Montserrat";--e-global-typography-bfe1bd0-font-size:36px;--e-global-typography-bfe1bd0-font-weight:900;--e-global-typography-bfe1bd0-line-height:1.4px;}.elementor-kit-4635 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-header .site-navigation ul.menu li a{color:var( --e-global-color-21d1d65 );}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */body {
    overflow-x: hidden;
}
<!DOCTYPE html>
<html lang="pt-BR">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Site Otimizado</title>
    
    <!-- Fonte otimizada do Google Fonts -->
    <link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet">

    <!-- Estilos básicos -->
    <style>
        /* Reseta margens e paddings padrão */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        /* Garante que não haverá rolagem horizontal */
        body {
            overflow-x: hidden;
            font-family: 'Roboto', sans-serif;
        }

        /* Exemplo de CSS otimizado */
        img {
            max-width: 100%;
            height: auto;
        }
    </style>
</head>
<body>
    <header>
        <h1>Bem-vindo ao Site Otimizado!</h1>
    </header>

    <main>
        <section>
            <h2>Imagens com carregamento atrasado</h2>
            <img src="imagem1.webp" alt="Descrição da imagem 1" loading="lazy">
            <img src="imagem2.webp" alt="Descrição da imagem 2" loading="lazy">
        </section>
    </main>

    <!-- Script JavaScript carregado de forma assíncrona -->
    <script src="script.js" async></script>
</body>
</html>/* End custom CSS */