-
RealET a rédigé
cf : https://simonhearne.com/2021/layout-shifts-webfonts/#why-fonts-cause-layout-shifts et préconisation de https://developers.google.com/speed/pagespeed/insights/
RealET a rédigécf : https://simonhearne.com/2021/layout-shifts-webfonts/#why-fonts-cause-layout-shifts et préconisation de https://developers.google.com/speed/pagespeed/insights/
header.html 12,83 Kio
<!DOCTYPE HTML>
<html xmlns="http://www.w3.org/1999/xhtml" lang="#LANG" xml:lang="#LANG" dir="#LANG_DIR" prefix="og: http://ogp.me/ns#">
<head><meta charset="#CHARSET" />
<title>[(#ENV{title}) - ][(#NOM_SITE_SPIP|textebrut)]</title>
[(#REM) FaceBook Open Graph : https://developers.facebook.com/docs/opengraphprotocol/ & https://developers.facebook.com/tools/lint pour vérifier ]
<meta property="og:title" content="[(#ENV{title}|sinon{[(#NOM_SITE_SPIP|textebrut|attribut_html)]})]" />
<meta property="og:type" content="[(#ENV{template}|=={'Sommaire'}|?{website,article})]" />
<meta property="og:url" content="[(#SELF|url_absolue)]" />
#SET{logoreseauxsociaux,''}
[(#SET{logoreseauxsociaux,[(#ENV{id_article}|oui)[(#LOGO_ARTICLE_NORMAL|image_focus{600,600}|extraire_attribut{src}|url_absolue)]})]})]
[(#GET{logoreseauxsociaux}|non)[(#ENV{id_syndic}|oui)[(#SET{logoreseauxsociaux,[(#LOGO_SITE_NORMAL|image_focus{600,600}|extraire_attribut{src}|url_absolue)]})]]]
[(#GET{logoreseauxsociaux}|non)[(#ENV{id_mot}|oui)[(#SET{logoreseauxsociaux,[(#LOGO_MOT_NORMAL|image_focus{600,600}|extraire_attribut{src}|url_absolue)]})]]]
[(#GET{logoreseauxsociaux}|non)[(#ENV{id_groupe}|oui)[(#SET{logoreseauxsociaux,[(#LOGO_GROUPE_NORMAL|image_focus{600,600}|extraire_attribut{src}|url_absolue)]})]]]
[(#GET{logoreseauxsociaux}|non)[(#SET{logoreseauxsociaux,[(#LOGO_RUBRIQUE_NORMAL|sinon{#CHEMIN{images/nature-2683474_1920.jpg}}|image_focus{600,600}|extraire_attribut{src}|url_absolue)]})]]
[<meta property="og:image" content="(#GET{logoreseauxsociaux,#CHEMIN{images/1.gif}})" />]
<meta property="og:site_name" content="[(#NOM_SITE_SPIP|textebrut)]" />
[<meta property="og:description" content="(#ENV{metadescription,[(#DESCRIPTIF_SITE_SPIP|supprimer_tags|attribut_html)]}|couper{150})" />]
<meta property="og:locale" content="[(#LANG|strtolower)]_[(#LANG|strtoupper)]" />
[(#REM) Twitter card]
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:url" content="[(#SELF|url_absolue)]" />
<meta property="twitter:title" content="[(#ENV{title}|sinon{[(#NOM_SITE_SPIP|textebrut|attribut_html)]})]" />
[<meta property="twitter:description" content="(#ENV{metadescription,[(#DESCRIPTIF_SITE_SPIP|supprimer_tags|attribut_html)]}|couper{150})" />]
[<meta property="twitter:image" content="(#GET{logoreseauxsociaux})" />]
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<BOUCLE_http-equiv(MOTS){type=_HTTP-EQUIV}{par titre}>[<meta[ http-equiv="(#TITRE|attribut_html)"] content="(#TEXTE|attribut_html)" />]</BOUCLE_http-equiv>
<BOUCLE_meta_tags(MOTS){type=_META}{par titre}>[<meta[ name="(#TITRE|attribut_html)"] content="(#TEXTE|attribut_html)" />]</BOUCLE_meta_tags>
[<meta name="description" content="(#ENV{metadescription,[(#DESCRIPTIF_SITE_SPIP|supprimer_tags|attribut_html)]}|couper{150})" />]
<meta name="generator" content="SPIP [(#SPIP_VERSION|attribut_html)]" />
[(#ENV{noindex}|?{'<meta name="robots" content="noindex" />',
[(#CONFIG{soyezcreateurs_google/indexation,oui}|=={oui}|?{'<meta name="robots" content="index,follow" />','<meta name="robots" content="noindex, nofollow" />'})]
})]
[<link rel="canonical" href="(#ENV{canonical})" />]
<link rel="preload" href="[(#CHEMIN{fonts/picto-soyezcreateurs.woff2}|timestamp)]" crossorigin="anonymous" as="font" type="font/woff2">
[<meta name="author" content="(#LESAUTEURS|attribut_html)" />]
<meta name="DC.title" content="[(#ENV{title}|sinon{[(#NOM_SITE_SPIP|textebrut|attribut_html)]})]" />
<meta name="MSSmartTagsPreventParsing" content="TRUE" />
<!-- Lien vers le backend pour navigateurs eclaires -->
<link rel="alternate" type="application/rss+xml" title="<:syndiquer_site:> [(#NOM_SITE_SPIP|attribut_html)]" href="[(#URL_PAGE{backend}|url_absolue)]" />
<BOUCLE_SyndicationRubrique(RUBRIQUES){id_rubrique}>
<link rel="alternate" type="application/rss+xml" title="<:syndiquer_rubrique:> : [(#TITRE|attribut_html)]" href="[(#URL_PAGE{backend,id_rubrique=#ID_RUBRIQUE}|url_absolue)]" />
</BOUCLE_SyndicationRubrique>
[(#CONFIG{activer_breves}|=={oui}|oui)<link rel="alternate" type="application/rss+xml" title="<:dernieres_breves:> [(#NOM_SITE_SPIP|attribut_html)]" href="[(#URL_PAGE{backend-breves}|url_absolue)]" />]
[(#PLUGIN{AGENDA}|oui)<link rel="alternate" type="application/rss+xml" title="<:soyezcreateurs:syndiquer_agenda:> [(#NOM_SITE_SPIP|attribut_html)]" href="[(#URL_PAGE{backendagenda}|url_absolue)]" />]
<BOUCLE_SyndicationRubriqueAgenda(RUBRIQUES){id_rubrique}><BOUCLE_EstAgenda(HIERARCHIE){titre_mot=Agenda}{inverse}{0,1}>
[(#PLUGIN{AGENDA}|oui)<link rel="alternate" type="application/rss+xml" title="<:soyezcreateurs:syndiquer_agenda:> : [(#_SyndicationRubriqueAgenda:TITRE|attribut_html)]" href="[(#URL_PAGE{backendagenda,id_rubrique=#_SyndicationRubriqueAgenda:ID_RUBRIQUE}|url_absolue)]" />]
</BOUCLE_EstAgenda></BOUCLE_SyndicationRubriqueAgenda>
[(#REM)
On appelle les feuilles de style
dans l'ordre de la methode daisy http://daisy.tetue.net/img/daisy-nomenclature.png
1. Base CSS http://tinytypo.tetue.net/ ]
[<link rel="stylesheet" href="(#CHEMIN{css/reset.css}|direction_css|timestamp)" type="text/css" />]
[<link rel="stylesheet" href="(#CHEMIN{css/clear.css}|direction_css|timestamp)" type="text/css" />]
[<link rel="stylesheet" href="(#CHEMIN{css/typo.css}|direction_css|timestamp)" type="text/css" />]
[<link rel="stylesheet" href="(#CHEMIN{css/media.css}|direction_css|timestamp)" type="text/css" />]
[<link rel="stylesheet" href="(#CHEMIN{css/form.css}|direction_css|timestamp)" type="text/css" />]
[(#REM) 2. Style SPIP et ses plugins ]
[<link rel="stylesheet" href="(#CHEMIN{css/spip.css}|direction_css|timestamp)" type="text/css" />]
#INSERT_HEAD_CSS
[(#PLUGIN{agenda}|oui)[<link rel="stylesheet" type="text/css" href="(#PRODUIRE{fond=style_public_plugin_agenda,couleur_claire=[(#CONFIG{soyezcreateurs_couleurs/link,#017ca5}|replace{#,''})],format=css}|direction_css)" media="all" />]]
[(#REM) Attention : ne pas enlever les REMarques : elles servent aerer le source sans que celui ne renvois d'espaces identifie comme une reussite du test ]
<BOUCLE_ArtRubLayout(ARTICLES){id_article}>[(#REM) Dans le cas d'un article
]<BOUCLE_ArtLayout(MOTS){id_article}{type=_LayoutGala}>[(#REM) Est-ce qu'il a un Layout applique?
][<link rel="stylesheet" type="text/css" href="(#PRODUIRE{fond=layout.css,layoutgala=[(#TITRE*|textebrut|substr{0,2})]}|direction_css)" media="all" />][(#REM) Appel du layout de l'article si oui
]</BOUCLE_ArtLayout>[(#REM) Sinon, dans le cas de la rubrique de l'article
]<BOUCLE_RubartLayout(MOTS){id_rubrique}{type=_LayoutGala}>[(#REM) Est-ce que sa rubrique a un layout ?
][<link rel="stylesheet" type="text/css" href="(#PRODUIRE{fond=layout.css,layoutgala=[(#TITRE*|textebrut|substr{0,2})]}|direction_css)" media="all" />][(#REM) Appel du layout de la rubrique si oui