Quel site pour produire les styles css d'une page ?

Bonjour

Google recommande de mettre les styles css des pages en inline, au moins pour les hauts des pages.

J'ai essayé sans succès de mettre au point un programme php qui fasse celà automatiquement.

Y a-t-il des sites permettant de fournir des pages html, le fichier css global, et qui rende tous les styles css de la page html ?

Merci beaucoup.

Pour l'instant, Google Page Insights m'attribue 98/100 pour les smartphones, et 89/100 environ pour les desktop.

J'espère augmenter ces scores si j'intègre entièrement à mes pages, les styles css.

Merci beaucoup pour vos réponses.

Respectueusement.

 

Bonjour ABCWEB

Ce n'est pas un compresseur css dont j'ai besoin, mais d'un site qui prenne en entrée : Le code css global, le code html de la page, et qui rende seulement les codes css nécessaire et suffisant pour afficher toute la page html.

Je n'arrive pas à trouver un tel site sur Google.

Merci beaucoup pour ton aide.

Amicalement.

 

Bof, bof...

J'ai essayé criticalcss sur mon ordinateur, il ne détecte pas les classes des codes html produits par Javascript.

Mon site a déjà des styles inline qui ne sont pas parfaits, je vais voir çà à la main.

Pour les nouveautés techniques, j'y vais pas à pas.

Pour Debian, faudrait déjà que je migre vers Stretch.

Je penche pour une réinstall totale, j'attendrai les prochains VPS d'OVH.

Je suis flemmard.

Respectueusement.

 

Bonjour Monsieur Spout

Voici le problème ( algorithmique ) :

Soit deux fichiers déjà formatés : HTML et CSS : Une seule balise ou classe ou id par ligne.

On veut produire uniquement les css communs aux deux fichiers, en suivant l'ordre du HTML, tout en mettant les media queries du CSS à la fin, après le reste.

Je met les css media queries ou non du CSS, dans des variables indicées ad hoc.

Le HTML doit donc être lu de manière séquentielle, et premier arrivé premier servi : Je prend la classe ou id pour chaque ligne du HTML, je lis en boucle les css hors media queries des variables indicées, et j'alimente l'array de sortie quand la balise, classe et/ou l'id matche.

Ensuite, même chose pour les css media queries.

Ma question est : Quel est le nom de cet algorithme ?

D'un côté ( boucle externe ), lecture séquentielle, de l'autre ( boucles interne ), lecture séquentielle globale.

J'ai testé sur mon ordinateur le résultat.

Il y a des classes et/ou id qui manquent dans l'array générée.

Pour me permettre d'avoir de références algorithmiques : J'aurais seulement besoin de savoir le nom ( Anglais ou Français ), de l'algorithme.

Merci beaucoup de vos réponses.

Respectueusement.

 

Bonjour spout

Voilà, je l'ai fait partiellement à la mano.

J'ai quand même réussi à pondre du code suffisamment bien ficelé pour produire des classes/id presque complet, et puis j'ai complété patiemment à la main.

C'est sur le site.

J'ai actuellement encore 89/100 desktop, et 98/100 smartphones.

Respectueusement.