tried to implement pagespeed insights from google and lighthouse

Author: floriankozikowski

doc/_static/style.css

@@ -79,7 +79,7 @@ img {
 
 body {
     opacity: 0;
-    transition: opacity 0.3s ease;
+    transition: opacity 0.1s ease;
 }
 
 body.ready {

doc/_templates/layout.html

@@ -0,0 +1,7 @@
+{% extends "!layout.html" %}
+
+{% block extrahead %}
+{{ super() }}
+<link rel="preload" as="image" href="{{ pathto('_static/images/landingpage/hero.webp', 1) }}" type="image/webp">
+<link rel="icon" type="image/svg+xml" href="{{ pathto('_static/images/logo.svg', 1) }}">
+{% endblock %}

doc/conf.py

@@ -117,30 +117,13 @@
 # a list of builtin themes.
 html_theme = 'pydata_sphinx_theme'
 
-dev_color = "#ff7f0e"
-stable_color = "#1f77b4"
-
-primary = stable_color if is_stable_doc else dev_color
-primary_dark = "#135b91" if is_stable_doc else "#e76f00"
 
 version_match = "stable" if is_stable_doc else "dev"
 
 # Theme options are theme-specific and customize the look and feel of a theme
 # further.  For a list of options available for each theme, see the
 # documentation.
 html_theme_options = {
-    # color configurations
-    "light_css_variables": {
-        "color-brand-primary": primary,
-        "color-brand-content": primary,
-        "color-brand-secondary": primary_dark,
-    },
-    "dark_css_variables": {
-        "color-brand-primary": primary_dark,
-        "color-brand-content": primary_dark,
-        "color-brand-secondary": primary,
-    },
-
     # Navbar configuration
     "navbar_align": "left",
     "navbar_start": ["navbar-logo"],
@@ -211,7 +194,7 @@
     "scripts/asciimath-defines.js",
     "switcher.json",
     "scripts/lazyload.js",
-    "scripts/instantpage.min.js"
+    "scripts/instantpage.min.js",
 ]
 
 # -- Options for copybutton ---------------------------------------------