Nous utilisons cloud typography pour une sélection de polices web choisies par un designer. Le temps de réponse crée un retard que les gens ont commencé à remarquer. Y a-t-il un moyen, tout en respectant le modèle de licence de CT, d'apporter ces polices localement? Ou est-ce que je passe aux polices Web standard?Comment puis-je réduire le temps de latence des pages Web externes lors du chargement de la page?
Pour expliquer genre de ma réponse/commentaire ...
Disons que vous avez quelque chose comme ça par exemple ..
<link type="text/css" rel="stylesheet" href="localfolder/main.css" />
<link type="text/css" rel="stylesheet" href="//cloud.typography.com/XXXXXXX/YYYY/css/fonts.css" media="all" />
<link type="text/css" rel="stylesheet" href="localfolder/other.css" />
<link type="text/css" rel="stylesheet" href="localfolder/again.css" />
<link type="text/css" rel="stylesheet" href="localfolder/some.css" />
<link type="text/css" rel="stylesheet" href="localfolder/thing.css" />
Vous pouvez changer pour quelque chose de plus comme ...
<link type="text/css" rel="stylesheet" href="localfolder/css.php" />
<link type="text/css" rel="stylesheet" href="//cloud.typography.com/XXXXXXX/YYYY/css/fonts.css" media="all" />
Avec le fichier php de css.php être comme celui-ci
header("Content-type: text/css");
require "localfolder/main.css";
require "localfolder/other.css";
require "localfolder/again.css";
require "localfolder/some.css";
require "localfolder/thing.css";
exit;
Fondamentalement, cela va combiner tout votre CSS local dans un seul script, que vous pouvez ensuite utiliser un contrôle de cache PHP et gzip pour assurer que votre CSS local est envoyé le plus rapidement possible dans une seule requête http/fichier ... Et votre deuxième lien pour la balise de typographie commencera à télécharger immédiatement aussi
Dès que votre première balise de lien (le css.php) est finie en cours de téléchargement/vérification .. Il continuera avec toute autre chose dans l'étiquette de la tête jusqu'à ce que ils sont tous faits.
Cela peut fonctionner pour vous, il fait vraiment très par site/conception .. Fondamentalement, la plupart des navigateurs ne télécharge que tant de fichiers à la fois ... reportez-vous à Max parallel http connections in a browser? pour un peu plus d'informations sur ce ...
--- une autre option possible ---
Vous pouvez charger la page sans lien typographie/tag .. et puis l'ajouter dynamiquement via javascript .. voir quelque chose comme ça How to load up CSS files using Javascript? pour un exemple ..
le L'effet secondaire ici en fonction de la façon dont le site est conçu, serait que vous pourriez voir des polices anciennes/par défaut pour un fe w secondes ou quelque chose .. Mais vous pouvez cacher cela à l'utilisateur avec un re-design éventuellement ou une forme de chargeur ..
Sinon la seule autre option que je peux penser est d'essayer de trouver la même police ou similaire avec google fonts https://www.google.com/fonts car ils se chargent plus rapidement en général .. Et l'avantage d'utiliser un css/js/lib hébergé par google est que beaucoup d'utilisateurs les ont déjà mis en cache parce qu'ils sont communs à travers beaucoup d'autres sites.
J'espère que cela peut vous donner une idée ou peut-être aider avec une solution, mais c'est une question délicate et une bonne ... Voici comment je traiterais si j'étais dans la même situation.
Ont-ils une url plus petite/min/condescend .. sinon je dirais non initialement. . En-têtes de page n tout ce qui serait séparé. . Ont-ils d'autres serveurs/hôtes? Vérifiez également s'ils gzip le fichier – Mayhem
Vous pouvez combiner vos autres CSS dans un fichier unique ou dynamique. . Dites en utilisant php ... puis réorganiser donc seulement deux demandes .. comme les deux vont charger à la fois n premier yo finirait laisser le prochain téléchargement en ligne commencer. Ou en trouver un autre comme google fonts – Mayhem