Optimized landing page loading (#477)

Converting all the images to WebP reduced the size more than 2x.

Plus enabled `privacy` plugin for mkdocs so the site will bundle remote resources. It appeared that loading Roboto font dynamically was adding 700ms to the page load.

docs/theme/overrides/home.html

@@ -132,7 +132,7 @@
       <div class="mdx-spotlight">
         <figure class="mdx-spotlight__feature">
           <img
-            src="assets/images/spotlight/virtualization-framework.png"
+            src="assets/images/spotlight/virtualization-framework.webp"
             alt="Apple’s native Virtualization.Framework"
             loading="lazy"
             width="500"
@@ -151,7 +151,7 @@
         </figure>
         <figure class="mdx-spotlight__feature">
           <img
-            src="assets/images/spotlight/supported-registries.png"
+            src="assets/images/spotlight/supported-registries.webp"
             alt="OCI-compatible container registries"
             loading="lazy"
             width="500"
@@ -168,7 +168,7 @@
         </figure>
         <figure class="mdx-spotlight__feature">
           <img
-            src="assets/images/spotlight/github-actions runners.png"
+            src="assets/images/spotlight/github-actions-runners.webp"
             alt="GitHub Actions Runners"
             loading="lazy"
             width="500"
@@ -274,7 +274,7 @@
       <div class="mdx-users">
         <figure class="mdx-users__testimonial">
           <img
-            src="assets/images/users/seb-jachec.jpg"
+            src="assets/images/users/seb-jachec.webp"
             alt="Sebastian Jachec"
             loading="lazy"
             width="200"
@@ -298,7 +298,7 @@
         </figure>
         <figure class="mdx-users__testimonial">
           <img
-            src="assets/images/users/mikhail-tokarev.jpeg"
+            src="assets/images/users/mikhail-tokarev.webp"
             alt="Mikhail Tokarev"
             loading="lazy"
             width="200"
@@ -322,7 +322,7 @@
         </figure>
         <figure class="mdx-users__testimonial">
           <img
-            src="assets/images/users/max-lapides.jpeg"
+            src="assets/images/users/max-lapides.webp"
             alt="Max Lapides"
             loading="lazy"
             width="200"

mkdocs.yml

@@ -42,6 +42,7 @@ extra_css:
 
 plugins:
   - blog
+  - privacy
   - rss:
       match_path: blog/posts/.*
       date_from_meta: