Avantages et manières d'utiliser les balises DNS Prefetch - Qu'est-ce que la prélecture DNS (Prefetching du système de noms de domaine)? DNS Prefetch est une méthode permettant d’accélérer le chargement de certains domaines marqués par des balises dns-prefetch sur une page Web. Le mécanisme DNS Prefetch donnera au navigateur l'ordre de terminer le plus tôt possible le plus tôt possible pour restituer chaque nom de domaine. Le navigateur s'en souviendra pendant un certain temps. Ainsi, lorsque les visiteurs navigueront automatiquement dans la page, le navigateur affichera les pages Web plus rapidement, car tous les liens externes contenant des tags dns. -prefetch est considéré comme étant entièrement chargé.
Compréhension simple de la prélecture DNS
Essentiellement, le navigateur chargera ou visitera tous les liens (hyperliens) trouvés sur les pages du site, ce qui, bien sûr, empêchera le navigateur de pouvoir afficher les pages Web au complet, de sorte que le comportement ne soit pas effectué par le navigateur de manière répétée, ce que le responsable du site doit ajouter. Dns-prefetch balises dans des sites HTML destinés à certains domaines.
Ainsi, le navigateur s'achèvera et rendra dès que possible une collection de liens externes lors de la première visite, tandis que lors de la deuxième visite ou de la page suivante, il n'aura pas à afficher la collection de liens marqués de balises dns-prefetch afin que les visiteurs puissent économiser environ 200 millisecondes.
Ce site utilise également des balises dns-prefetch pour accélérer le rendu de nos pages. Les balises dns-prefetch aident vraiment à améliorer les performances de chargement de cette page Web, mais il est très regrettable que la balise dns-prefetch ne fonctionne pas sur les anciens navigateurs. Actuellement, DNS Prefetch ne fonctionne que sur les navigateurs IE 9 et supérieurs, Google Chrome, Firefox version 3.5 et ultérieure et Safari version 5+.
Comment utiliser la balise DNS Prefetch sur un site Blogger
Pour utiliser les balises dns-prefetch de manière plus optimale sur les sites de blogger, je vous recommande vivement d'installer des balises dns-prefetch sur des domaines ou des liens permanents externes figurant sur les pages du site, par exemple des liens vers des images, des fichiers css externes et des scripts javascript externes, ainsi que des liens de base ou de base. les bases des tags dns-prefetch sur les sites de blogger.
<link href = '// www.blogger.com' rel = 'dns-prefetch' />
<link href = '// 1.bp.blogspot.com' rel = 'dns-prefetch' />
<link href = '// 3.bp.blogspot.com' rel = 'dns-prefetch' />
<link href = '// 4.bp.blogspot.com' rel = 'dns-prefetch' />
<link href = '// 2.bp.blogspot.com' rel = 'dns-prefetch' />
<link href = '// 28.2bp.blogspot.com' rel = 'dns-prefetch' />
<link href = '// www.google-analytics.com' rel = 'dns-prefetch' />
<link href = '// fonts.googleapis.com' rel = 'dns-prefetch' />
<link href = '// ajax.googleapis.com' rel = 'dns-prefetch' />
<link href = '// resources.blogblog.com' rel = 'dns-prefetch' />
<link href = '// feeds.feedburner.com' rel = 'dns-prefetch' />
Enregistrez le préfixe DNS dans la zone d'en-tête du site (entre les balises <head> et </ head>). Si, sur le site de Blogger, il existe des liens externes provenant d'autres ressources, veuillez ajouter la balise dns-prefetch au format suivant;
<link href = '// url-external' rel = 'dns-prefetch' />
Modifiez le texte url-external avec le lien cible et commencez toujours par la chaîne double "//". Sur la base des informations du projet Chrome, le navigateur se souviendra des 10 premiers domaines et commencera automatiquement à résoudre les noms de domaine dans la balise dns-prefetch au début du processus de démarrage. .
Si des annonces adsense sont présentes sur le site de blogueur, vous pouvez également ajouter des balises dns-prefetch comme suit:
<link href = '// pagead2.googlesyndication.com' rel = 'dns-prefetch' />
<link href = '// googleads.g.doubleclick.net' rel = 'dns-prefetch' />
<link href = '// tpc.googlesyndication.com' rel = 'dns-prefetch' />
Vous n'avez pas besoin d'ajouter toutes les balises dns-prefetch à tous les domaines (liens externes) présents sur le site. Sélectionnez des noms de domaine qui nécessitent un long temps de chargement. Vous trouverez ci-dessous un lien hypertexte pouvant figurer sur le site qui a été ajusté pour le tagup dns-prefetch.
<! - dns-prefetch Blogger ->
<link href = '// 1.bp.blogspot.com' rel = 'dns-prefetch' />
<link href = '// 28.2bp.blogspot.com' rel = 'dns-prefetch' />
<link href = '// 3.bp.blogspot.com' rel = 'dns-prefetch' />
<link href = '// 4.bp.blogspot.com' rel = 'dns-prefetch' />
<link href = '// 2.bp.blogspot.com' rel = 'dns-prefetch' />
<link href = '// www.blogger.com' rel = 'dns-prefetch' />
<! - dns-prefetch Google Analytics ->
<link href = '// www.google-analytics.com' rel = 'dns-prefetch' />
<! - dns-prefetch Google Services ->
<link href = '// themes.googleusercontent.com' rel = 'dns-prefetch' />
<link href = '// pagead2.googlesyndication.com' rel = 'dns-prefetch' />
<link href = '// googleads.g.doubleclick.net' rel = 'dns-prefetch' />
<link href = '// www.gstatic.com' rel = 'preconnect' />
<link href = '// www.googletagservices.com' rel = 'dns-prefetch' />
<link href = '// static.xx.fbcdn.net' rel = 'dns-prefetch' />
<link href = '// tpc.googlesyndication.com' rel = 'dns-prefetch' />
<link href = '// apis.google.com' rel = 'dns-prefetch' />
<! - dns-prefetch Bootstrap CDN ->
<link href = '// maxcdn.bootstrapcdn.com' rel = 'dns-prefetch' />
<! - dns-prefetch Google Fonts ->
<link href = '// fonts.googleapis.com' rel = 'dns-prefetch' />
<! - dns-prefetch Font Awesome ->
<link href = '// use.fontawesome.com' rel = 'dns-prefetch' />
<! - dns-prefetch Google CDN ->
<link href = '// ajax.googleapis.com' rel = 'dns-prefetch' />
<link href = '// resources.blogblog.com' rel = 'dns-prefetch' />
<link href = '// feeds.feedburner.com' rel = 'dns-prefetch' />
<! - dns-prefetch Microsoft CDN ->
<link href = '// ajax.microsoft.com' rel = 'dns-prefetch' />
<link href = '// ajax.aspnetcdn.com' rel = 'dns-prefetch' />
<! - dns-prefetch CDN JS ->
<link href = '// cdnjs.cloudflare.com' rel = 'dns-prefetch' />
<! - dns-prefetch Vimeo ->
<link href = '// player.vimeo.com' rel = 'dns-prefetch' />
<! - dns-prefetch Amazon S3 ->
<link href = '// s3.amazonaws.com' rel = 'dns-prefetch' />
<! - dns-prefetch BuySellads ->
<link href = '// s3.buysellads.com' rel = 'dns-prefetch' />
<link href = '// stats.buysellads.com' rel = 'dns-prefetch' />
<link href = '// cdn.adpacks' rel = 'dns-prefetch' />
<! - Dns-prefetch réseaux sociaux Github, YouTube, Facebook, Twitter, Pinterest, Linkedin et Google+ ->
<link href = '// github.com' rel = 'dns-prefetch' />
<link href = '// www.facebook.com' rel = 'dns-prefetch' />
<link href = '// connect.facebook.net' rel = 'dns-prefetch' />
<link href = '// plus.google.com' rel = 'dns-prefetch' />
<link href = '// twitter.com' rel = 'dns-prefetch' />
<link href = '// platform.twitter.com' rel = 'dns-prefetch' />
<link href = '// syndication.twitter.com' rel = 'dns-prefetch' />
<link href = '// r.twimg.com' rel = 'dns-prefetch' />
<link href = 'http://p.twitter.com' rel = 'dns-prefetch' />
<link href = 'http://cdn.api.twitter.com' rel = 'dns-prefetch' />
<link href = '// www.youtube.com' rel = 'dns-prefetch' />
<link href = '// www.pinterest.com' rel = 'dns-prefetch' />
<link href = '// www.linkedin.com' rel = 'dns-prefetch' />
Ainsi, l'explication et l'utilisation de la balise dns-prefetch (Domain Name System Prefetching) sur le site Web, en particulier sur le site blogger, vous permettent de répliquer l'utilisation de la balise dns-prefetch en regardant la source de ce site en appuyant sur le bouton Ctrl + U de la page d'accueil du site électricien Batam ou d'autres sites. qui pourrait utiliser dns-prefetch pour accélérer le chargement ou le chargement de leurs pages. j'espère que c'est utile et ajoute plus de connaissances et est désolé.
Tidak ada komentar:
Write komentar