-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathteste-5.html
1 lines (1 loc) · 20.2 KB
/
teste-5.html
1
<!doctype html><html lang="pt-br"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style><!doctype html><html lang="pt-br"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style>*{padding: 0; margin: 0; box-sizing: border-box;}body{background-color: rgb(210, 210, 210); font-family: 'Average Sans', sans-serif;}main{width: 900px; margin: 0 auto; margin-top: 60px;}ul{margin-top: 32px;}ul>li>a{font-size: 24px; line-height: 1.5;}img{margin: 12px 0; max-width: 100%; height: auto;}</style> <title>Após melhorias</title> <meta name="description" content="Desempenho na Web - Aplicando melhorias"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Average+Sans&display=swap" rel="stylesheet"></head><body> <main> <a href="./">Página Inicial</a> <br><br><header> <h1>Imagens tamanhos corretos, font swap e css inline</h1> </header> <br><br><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Illo molestias totam nobis mollitia eum, illum maxime vitae ducimus aut quo veniam provident corrupti, quidem laborum natus officia nisi, sequi amet? Facilis quisquam sunt accusantium similique soluta minima sit a, ut itaque accusamus temporibus non quasi? Id aut, ipsa enim saepe ullam officiis molestiae animi repellendus quam provident eum explicabo sit deleniti, consectetur rem doloribus nemo esse, recusandae sunt quasi impedit porro. Quibusdam, doloremque obcaecati magnam maiores, omnis esse nemo atque nam consequuntur amet, odit minus recusandae. Quia, sed, aut animi corrupti voluptas quis dignissimos nesciunt tempora commodi blanditiis architecto dolore similique et quas mollitia inventore itaque assumenda doloremque voluptates consequatur a. Et at cumque laborum perferendis, nisi quos assumenda laudantium. Ea, neque at! Magnam rem blanditiis enim exercitationem facere quis autem aliquam debitis nihil sunt eum rerum tempora mollitia delectus culpa, ipsa aut. Facere ratione dolore dolorem aspernatur doloremque assumenda iste minus repudiandae expedita sequi hic omnis ex, reprehenderit ipsa nostrum voluptatum natus tenetur temporibus commodi nobis totam quam, vitae inventore! A corrupti possimus eaque laboriosam reprehenderit suscipit animi magni quasi sequi dicta, cupiditate nulla ipsum cumque vel temporibus error repudiandae placeat nam dolore! Facere laborum pariatur error quibusdam rerum!</p><img src="./images-ot-reduzidas/image1.jpg" alt="Universo" width="900" height="506"> <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Illo molestias totam nobis mollitia eum, illum maxime vitae ducimus aut quo veniam provident corrupti, quidem laborum natus officia nisi, sequi amet? Facilis quisquam sunt accusantium similique soluta minima sit a, ut itaque accusamus temporibus non quasi? Id aut, ipsa enim saepe ullam officiis molestiae animi repellendus quam provident eum explicabo sit deleniti, consectetur rem doloribus nemo esse, recusandae sunt quasi impedit porro. Quibusdam, doloremque obcaecati magnam maiores, omnis esse nemo atque nam consequuntur amet, odit minus recusandae. Quia, sed, aut animi corrupti voluptas quis dignissimos nesciunt tempora commodi blanditiis architecto dolore similique et quas mollitia inventore itaque assumenda doloremque voluptates consequatur a. Et at cumque laborum perferendis, nisi quos assumenda laudantium. Ea, neque at! Magnam rem blanditiis enim exercitationem facere quis autem aliquam debitis nihil sunt eum rerum tempora mollitia delectus culpa, ipsa aut. Facere ratione dolore dolorem aspernatur doloremque assumenda iste minus repudiandae expedita sequi hic omnis ex, reprehenderit ipsa nostrum voluptatum natus tenetur temporibus commodi nobis totam quam, vitae inventore! A corrupti possimus eaque laboriosam reprehenderit suscipit animi magni quasi sequi dicta, cupiditate nulla ipsum cumque vel temporibus error repudiandae placeat nam dolore! Facere laborum pariatur error quibusdam rerum!</p><img loading="lazy" src="./images-ot-reduzidas/image2.jpg" width="900" height="506" alt="Estrelas"> <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Illo molestias totam nobis mollitia eum, illum maxime vitae ducimus aut quo veniam provident corrupti, quidem laborum natus officia nisi, sequi amet? Facilis quisquam sunt accusantium similique soluta minima sit a, ut itaque accusamus temporibus non quasi? Id aut, ipsa enim saepe ullam officiis molestiae animi repellendus quam provident eum explicabo sit deleniti, consectetur rem doloribus nemo esse, recusandae sunt quasi impedit porro. Quibusdam, doloremque obcaecati magnam maiores, omnis esse nemo atque nam consequuntur amet, odit minus recusandae. Quia, sed, aut animi corrupti voluptas quis dignissimos nesciunt tempora commodi blanditiis architecto dolore similique et quas mollitia inventore itaque assumenda doloremque voluptates consequatur a. Et at cumque laborum perferendis, nisi quos assumenda laudantium. Ea, neque at! Magnam rem blanditiis enim exercitationem facere quis autem aliquam debitis nihil sunt eum rerum tempora mollitia delectus culpa, ipsa aut. Facere ratione dolore dolorem aspernatur doloremque assumenda iste minus repudiandae expedita sequi hic omnis ex, reprehenderit ipsa nostrum voluptatum natus tenetur temporibus commodi nobis totam quam, vitae inventore! A corrupti possimus eaque laboriosam reprehenderit suscipit animi magni quasi sequi dicta, cupiditate nulla ipsum cumque vel temporibus error repudiandae placeat nam dolore! Facere laborum pariatur error quibusdam rerum!</p><img loading="lazy" src="./images-ot-reduzidas/image3.jpg" width="900" height="563" alt="Universo"> <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Illo molestias totam nobis mollitia eum, illum maxime vitae ducimus aut quo veniam provident corrupti, quidem laborum natus officia nisi, sequi amet? Facilis quisquam sunt accusantium similique soluta minima sit a, ut itaque accusamus temporibus non quasi? Id aut, ipsa enim saepe ullam officiis molestiae animi repellendus quam provident eum explicabo sit deleniti, consectetur rem doloribus nemo esse, recusandae sunt quasi impedit porro. Quibusdam, doloremque obcaecati magnam maiores, omnis esse nemo atque nam consequuntur amet, odit minus recusandae. Quia, sed, aut animi corrupti voluptas quis dignissimos nesciunt tempora commodi blanditiis architecto dolore similique et quas mollitia inventore itaque assumenda doloremque voluptates consequatur a. Et at cumque laborum perferendis, nisi quos assumenda laudantium. Ea, neque at! Magnam rem blanditiis enim exercitationem facere quis autem aliquam debitis nihil sunt eum rerum tempora mollitia delectus culpa, ipsa aut. Facere ratione dolore dolorem aspernatur doloremque assumenda iste minus repudiandae expedita sequi hic omnis ex, reprehenderit ipsa nostrum voluptatum natus tenetur temporibus commodi nobis totam quam, vitae inventore! A corrupti possimus eaque laboriosam reprehenderit suscipit animi magni quasi sequi dicta, cupiditate nulla ipsum cumque vel temporibus error repudiandae placeat nam dolore! Facere laborum pariatur error quibusdam rerum!</p><img loading="lazy" src="./images-ot-reduzidas/image4.jpg" width="900" height="563" alt="Universo"> <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Illo molestias totam nobis mollitia eum, illum maxime vitae ducimus aut quo veniam provident corrupti, quidem laborum natus officia nisi, sequi amet? Facilis quisquam sunt accusantium similique soluta minima sit a, ut itaque accusamus temporibus non quasi? Id aut, ipsa enim saepe ullam officiis molestiae animi repellendus quam provident eum explicabo sit deleniti, consectetur rem doloribus nemo esse, recusandae sunt quasi impedit porro. Quibusdam, doloremque obcaecati magnam maiores, omnis esse nemo atque nam consequuntur amet, odit minus recusandae. Quia, sed, aut animi corrupti voluptas quis dignissimos nesciunt tempora commodi blanditiis architecto dolore similique et quas mollitia inventore itaque assumenda doloremque voluptates consequatur a. Et at cumque laborum perferendis, nisi quos assumenda laudantium. Ea, neque at! Magnam rem blanditiis enim exercitationem facere quis autem aliquam debitis nihil sunt eum rerum tempora mollitia delectus culpa, ipsa aut. Facere ratione dolore dolorem aspernatur doloremque assumenda iste minus repudiandae expedita sequi hic omnis ex, reprehenderit ipsa nostrum voluptatum natus tenetur temporibus commodi nobis totam quam, vitae inventore! A corrupti possimus eaque laboriosam reprehenderit suscipit animi magni quasi sequi dicta, cupiditate nulla ipsum cumque vel temporibus error repudiandae placeat nam dolore! Facere laborum pariatur error quibusdam rerum!</p><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Illo molestias totam nobis mollitia eum, illum maxime vitae ducimus aut quo veniam provident corrupti, quidem laborum natus officia nisi, sequi amet? Facilis quisquam sunt accusantium similique soluta minima sit a, ut itaque accusamus temporibus non quasi? Id aut, ipsa enim saepe ullam officiis molestiae animi repellendus quam provident eum explicabo sit deleniti, consectetur rem doloribus nemo esse, recusandae sunt quasi impedit porro. Quibusdam, doloremque obcaecati magnam maiores, omnis esse nemo atque nam consequuntur amet, odit minus recusandae. Quia, sed, aut animi corrupti voluptas quis dignissimos nesciunt tempora commodi blanditiis architecto dolore similique et quas mollitia inventore itaque assumenda doloremque voluptates consequatur a. Et at cumque laborum perferendis, nisi quos assumenda laudantium. Ea, neque at! Magnam rem blanditiis enim exercitationem facere quis autem aliquam debitis nihil sunt eum rerum tempora mollitia delectus culpa, ipsa aut. Facere ratione dolore dolorem aspernatur doloremque assumenda iste minus repudiandae expedita sequi hic omnis ex, reprehenderit ipsa nostrum voluptatum natus tenetur temporibus commodi nobis totam quam, vitae inventore! A corrupti possimus eaque laboriosam reprehenderit suscipit animi magni quasi sequi dicta, cupiditate nulla ipsum cumque vel temporibus error repudiandae placeat nam dolore! Facere laborum pariatur error quibusdam rerum!</p><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Illo molestias totam nobis mollitia eum, illum maxime vitae ducimus aut quo veniam provident corrupti, quidem laborum natus officia nisi, sequi amet? Facilis quisquam sunt accusantium similique soluta minima sit a, ut itaque accusamus temporibus non quasi? Id aut, ipsa enim saepe ullam officiis molestiae animi repellendus quam provident eum explicabo sit deleniti, consectetur rem doloribus nemo esse, recusandae sunt quasi impedit porro. Quibusdam, doloremque obcaecati magnam maiores, omnis esse nemo atque nam consequuntur amet, odit minus recusandae. Quia, sed, aut animi corrupti voluptas quis dignissimos nesciunt tempora commodi blanditiis architecto dolore similique et quas mollitia inventore itaque assumenda doloremque voluptates consequatur a. Et at cumque laborum perferendis, nisi quos assumenda laudantium. Ea, neque at! Magnam rem blanditiis enim exercitationem facere quis autem aliquam debitis nihil sunt eum rerum tempora mollitia delectus culpa, ipsa aut. Facere ratione dolore dolorem aspernatur doloremque assumenda iste minus repudiandae expedita sequi hic omnis ex, reprehenderit ipsa nostrum voluptatum natus tenetur temporibus commodi nobis totam quam, vitae inventore! A corrupti possimus eaque laboriosam reprehenderit suscipit animi magni quasi sequi dicta, cupiditate nulla ipsum cumque vel temporibus error repudiandae placeat nam dolore! Facere laborum pariatur error quibusdam rerum!</p><img loading="lazy" src="./images-ot-reduzidas/image5.jpg" width="900" height="563" alt="Universo"> </main></body></html> *{padding: 0; margin: 0; box-sizing: border-box;}body{background-color: rgb(210, 210, 210); font-family: 'Average Sans', sans-serif;}main{width: 900px; margin: 0 auto; margin-top: 60px;}ul{margin-top: 32px;}ul > li > a{font-size: 24px; line-height: 1.5;}img{margin: 12px 0; max-width: 100%; height: auto;}</style> <title>Após melhorias</title> <meta name="description" content="Desempenho na Web - Aplicando melhorias"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Average+Sans&display=swap" rel="stylesheet"></head><body> <main> <a href="./">Página Inicial</a> <br><br><header> <h1>Imagens tamanhos corretos, font swap e css inline</h1> </header> <br><br><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Illo molestias totam nobis mollitia eum, illum maxime vitae ducimus aut quo veniam provident corrupti, quidem laborum natus officia nisi, sequi amet? Facilis quisquam sunt accusantium similique soluta minima sit a, ut itaque accusamus temporibus non quasi? Id aut, ipsa enim saepe ullam officiis molestiae animi repellendus quam provident eum explicabo sit deleniti, consectetur rem doloribus nemo esse, recusandae sunt quasi impedit porro. Quibusdam, doloremque obcaecati magnam maiores, omnis esse nemo atque nam consequuntur amet, odit minus recusandae. Quia, sed, aut animi corrupti voluptas quis dignissimos nesciunt tempora commodi blanditiis architecto dolore similique et quas mollitia inventore itaque assumenda doloremque voluptates consequatur a. Et at cumque laborum perferendis, nisi quos assumenda laudantium. Ea, neque at! Magnam rem blanditiis enim exercitationem facere quis autem aliquam debitis nihil sunt eum rerum tempora mollitia delectus culpa, ipsa aut. Facere ratione dolore dolorem aspernatur doloremque assumenda iste minus repudiandae expedita sequi hic omnis ex, reprehenderit ipsa nostrum voluptatum natus tenetur temporibus commodi nobis totam quam, vitae inventore! A corrupti possimus eaque laboriosam reprehenderit suscipit animi magni quasi sequi dicta, cupiditate nulla ipsum cumque vel temporibus error repudiandae placeat nam dolore! Facere laborum pariatur error quibusdam rerum!</p><img src="./images-ot-reduzidas/image1.jpg" alt="Universo" width="900" height="506"> <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Illo molestias totam nobis mollitia eum, illum maxime vitae ducimus aut quo veniam provident corrupti, quidem laborum natus officia nisi, sequi amet? Facilis quisquam sunt accusantium similique soluta minima sit a, ut itaque accusamus temporibus non quasi? Id aut, ipsa enim saepe ullam officiis molestiae animi repellendus quam provident eum explicabo sit deleniti, consectetur rem doloribus nemo esse, recusandae sunt quasi impedit porro. Quibusdam, doloremque obcaecati magnam maiores, omnis esse nemo atque nam consequuntur amet, odit minus recusandae. Quia, sed, aut animi corrupti voluptas quis dignissimos nesciunt tempora commodi blanditiis architecto dolore similique et quas mollitia inventore itaque assumenda doloremque voluptates consequatur a. Et at cumque laborum perferendis, nisi quos assumenda laudantium. Ea, neque at! Magnam rem blanditiis enim exercitationem facere quis autem aliquam debitis nihil sunt eum rerum tempora mollitia delectus culpa, ipsa aut. Facere ratione dolore dolorem aspernatur doloremque assumenda iste minus repudiandae expedita sequi hic omnis ex, reprehenderit ipsa nostrum voluptatum natus tenetur temporibus commodi nobis totam quam, vitae inventore! A corrupti possimus eaque laboriosam reprehenderit suscipit animi magni quasi sequi dicta, cupiditate nulla ipsum cumque vel temporibus error repudiandae placeat nam dolore! Facere laborum pariatur error quibusdam rerum!</p><img loading="lazy" src="./images-ot-reduzidas/image2.jpg" width="900" height="506" alt="Estrelas"> <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Illo molestias totam nobis mollitia eum, illum maxime vitae ducimus aut quo veniam provident corrupti, quidem laborum natus officia nisi, sequi amet? Facilis quisquam sunt accusantium similique soluta minima sit a, ut itaque accusamus temporibus non quasi? Id aut, ipsa enim saepe ullam officiis molestiae animi repellendus quam provident eum explicabo sit deleniti, consectetur rem doloribus nemo esse, recusandae sunt quasi impedit porro. Quibusdam, doloremque obcaecati magnam maiores, omnis esse nemo atque nam consequuntur amet, odit minus recusandae. Quia, sed, aut animi corrupti voluptas quis dignissimos nesciunt tempora commodi blanditiis architecto dolore similique et quas mollitia inventore itaque assumenda doloremque voluptates consequatur a. Et at cumque laborum perferendis, nisi quos assumenda laudantium. Ea, neque at! Magnam rem blanditiis enim exercitationem facere quis autem aliquam debitis nihil sunt eum rerum tempora mollitia delectus culpa, ipsa aut. Facere ratione dolore dolorem aspernatur doloremque assumenda iste minus repudiandae expedita sequi hic omnis ex, reprehenderit ipsa nostrum voluptatum natus tenetur temporibus commodi nobis totam quam, vitae inventore! A corrupti possimus eaque laboriosam reprehenderit suscipit animi magni quasi sequi dicta, cupiditate nulla ipsum cumque vel temporibus error repudiandae placeat nam dolore! Facere laborum pariatur error quibusdam rerum!</p><img loading="lazy" src="./images-ot-reduzidas/image3.jpg" width="900" height="563" alt="Universo"> <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Illo molestias totam nobis mollitia eum, illum maxime vitae ducimus aut quo veniam provident corrupti, quidem laborum natus officia nisi, sequi amet? Facilis quisquam sunt accusantium similique soluta minima sit a, ut itaque accusamus temporibus non quasi? Id aut, ipsa enim saepe ullam officiis molestiae animi repellendus quam provident eum explicabo sit deleniti, consectetur rem doloribus nemo esse, recusandae sunt quasi impedit porro. Quibusdam, doloremque obcaecati magnam maiores, omnis esse nemo atque nam consequuntur amet, odit minus recusandae. Quia, sed, aut animi corrupti voluptas quis dignissimos nesciunt tempora commodi blanditiis architecto dolore similique et quas mollitia inventore itaque assumenda doloremque voluptates consequatur a. Et at cumque laborum perferendis, nisi quos assumenda laudantium. Ea, neque at! Magnam rem blanditiis enim exercitationem facere quis autem aliquam debitis nihil sunt eum rerum tempora mollitia delectus culpa, ipsa aut. Facere ratione dolore dolorem aspernatur doloremque assumenda iste minus repudiandae expedita sequi hic omnis ex, reprehenderit ipsa nostrum voluptatum natus tenetur temporibus commodi nobis totam quam, vitae inventore! A corrupti possimus eaque laboriosam reprehenderit suscipit animi magni quasi sequi dicta, cupiditate nulla ipsum cumque vel temporibus error repudiandae placeat nam dolore! Facere laborum pariatur error quibusdam rerum!</p><img loading="lazy" src="./images-ot-reduzidas/image4.jpg" width="900" height="563" alt="Universo"> <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Illo molestias totam nobis mollitia eum, illum maxime vitae ducimus aut quo veniam provident corrupti, quidem laborum natus officia nisi, sequi amet? Facilis quisquam sunt accusantium similique soluta minima sit a, ut itaque accusamus temporibus non quasi? Id aut, ipsa enim saepe ullam officiis molestiae animi repellendus quam provident eum explicabo sit deleniti, consectetur rem doloribus nemo esse, recusandae sunt quasi impedit porro. Quibusdam, doloremque obcaecati magnam maiores, omnis esse nemo atque nam consequuntur amet, odit minus recusandae. Quia, sed, aut animi corrupti voluptas quis dignissimos nesciunt tempora commodi blanditiis architecto dolore similique et quas mollitia inventore itaque assumenda doloremque voluptates consequatur a. Et at cumque laborum perferendis, nisi quos assumenda laudantium. Ea, neque at! Magnam rem blanditiis enim exercitationem facere quis autem aliquam debitis nihil sunt eum rerum tempora mollitia delectus culpa, ipsa aut. Facere ratione dolore dolorem aspernatur doloremque assumenda iste minus repudiandae expedita sequi hic omnis ex, reprehenderit ipsa nostrum voluptatum natus tenetur temporibus commodi nobis totam quam, vitae inventore! A corrupti possimus eaque laboriosam reprehenderit suscipit animi magni quasi sequi dicta, cupiditate nulla ipsum cumque vel temporibus error repudiandae placeat nam dolore! Facere laborum pariatur error quibusdam rerum!</p><img loading="lazy" src="./images-ot-reduzidas/image5.jpg" width="900" height="563" alt="Universo"> </main></body></html>