DNS Prefetch дегеніміз не? DNS алдын ала қосылу керек пе? Сіз пайдаланбайтын WordPress ресурстарын қалай жоюға болады

Егер сіз тұрақты келуші болсаңыз Martech Zone, сіз айтарлықтай айырмашылықты көрген боларсыз WordPressөткен жылдағы көрсеткіш. Мен болдым WordPress-ті жылдамдату пайдаланушы тәжірибемді жақсарту үшін (UX), сонымен қатар бұл сыни рейтинг факторы органикалық іздеуде (SEO) – бұл менің сайтқа жалпы трафигімде басым.

Бір мезгілде мен қолдандым Эзоцик жарнаманы оңтайландыру арқылы монетизацияны арттыру. Ezoic платформасында фантастикалық құралдар жинағы бар Көшу ол сіздің сайтыңызды не бәсеңдететінін және ұқсас функционалдылықты қамтамасыз ету үшін қандай баламалар бар екенін анықтау үшін талдайды. Менің сайтымдағы WordPress сайттарында жиі кездесетін мәселе Google қаріптерін жүктеу болды.

Google қаріптерін пайдаланатын домендердің 29%-ы жұмыс істейді айтарлықтай нашар орташа сайтқа қарағанда.

Эзоцик

Сіздің сайтыңыз Google қаріптерін пайдалана ма, жоқ па, ол бірнеше рет жүктелуі мүмкін. Міне, бөлу:

• WordPress негізгі коды Google қаріптері доменін алдын ала алады. Мұны кейінірек түсіндіремін.
• WordPress тақырыптары тақырыпты реттеуде Google қаріптерін жиі ұсынады. Сіз оларды пайдалансаңыз да, қолданбасаңыз да, олар әлі де жүктелуі мүмкін.
• WordPress плагиндері жиі Google қаріптерін пайдаланады. Қайтадан, олар әлдеқашан жүктелді ме, әлде оларды пайдаланып жатырсыз ба, жоқ па... олар жүктелуі мүмкін.
• сияқты басқа құралдар Google ReCaptcha Google қаріптерін жүктеңіз.

Leap-те тамаша мақала бар WordPress сайтынан Google қаріптерін жою тақырыпқа плагин немесе код қосу арқылы functions.php файл. Мұның ешқайсысы менің сайтым үшін жұмыс істемеді, сондықтан мен өз функциямды жаздым:

// Remove reference to fonts.googleapis.com
function remove_google_fonts($src, $handle) {
    if (strpos($src, 'fonts.googleapis.com') !== false) {
        $src = false;
    }
    return $src;
}
add_filter('style_loader_src', 'remove_google_fonts', 9999, 2);

Менің сайтымды қайта қарап шыққаннан кейін мен Leap-ті тексеруді жалғастырдым және олар менің сайтымды баяулататын код жолын анықтауды жалғастырды:

<link rel="dns-prefetch" href="//fonts.googleapis.com

Маған қажет анықтама rel атрибутында болды... dns-prefetch.

DNS Prefetch дегеніміз не?

DNS алдын ала алу – веб-шолғыштар домен атауларын қажет болмай тұрып алдын ала шешу үшін қолданатын әдіс. Бұл кешіктіруді азайту және бетті жүктеу уақытын жақсарту үшін сценарийлер, стиль кестелері, кескіндер немесе қаріптер сияқты сыртқы ресурстар үшін DNS ақпаратын алуды қамтиды.

WordPress платформасында жасалған веб-сайттардың жұмысын жақсарту үшін негізгі кодының бөлігі ретінде DNS алдын ала алуды қамтиды. Сыртқы ресурстар үшін DNS ақпаратын алдын ала алу арқылы WordPress браузер оларды сұраған кезде осы ресурстарды жүктеуді оңтайландыруды мақсат етеді. Бұл WordPress веб-сайттарына келушілер үшін жылдамырақ және тегіс шолу тәжірибесіне әкелуі мүмкін.

WordPress HTML шығысын жасайды және автоматты түрде DNS алдын ала алу кеңестерін қосады <link rel="dns-prefetch" href="//example.com"/> арнайы сыртқы ресурстарға арналған тегтер. Бұл кеңестер шолғышқа көрсетілген домен атауының DNS мекенжайын алдын ала шешуге нұсқау береді, осылайша шолғыш сол доменге сұрауды кездестіргенде, оның шешілген IP мекенжайы қолжетімді болады. Бұл браузердің сұрау кезінде DNS іздеуін орындау қажеттілігін болдырмайды, бұл жалпы бетті жүктеу уақытын қысқартады.

DNS алдын ала алуды негізгі кодына қосу арқылы WordPress DNS іздеу кідірісін азайту және сыртқы ресурстарды жүктеу жылдамдығын жақсарту арқылы веб-сайттардың жұмысын оңтайландыруды мақсат етеді.

DNS Preconnect дегеніміз не?

DNS алдын ала қосылымы — браузерлерге сервердің DNS жүйесіне қосылымды бастауға және орнатуға мүмкіндік беретін веб өнімділігін оңтайландыру әдісі. TCP нақты ресурс сұралғанға дейін де қол алысыңыз. Бұл ресурс қажет болғанда DNS ажыратымдылығын және қосылымды орнату уақытын жою арқылы кідірісті одан әрі азайтуға көмектеседі.

WordPress сыртқы ресурстарды жүктеуді одан әрі оңтайландыру және веб-сайт жұмысын жақсарту үшін негізгі кодының бөлігі ретінде DNS алдын ала қосылуын қамтиды. Ол түріндегі алдын ала қосылу туралы кеңестерді қосады <link rel="preconnect" href="//example.com"/> шолғышқа алдын ала көрсетілген домендік атпен байланыс орнатуға нұсқау беру үшін тегтер.

WordPress HTML шығысын жасайды және қаріптер, стильдер кестелері, сценарийлер немесе басқа үшінші тарап қызметтері сияқты белгілі бір сыртқы ресурстар үшін алдын ала қосу кеңестерін автоматты түрде қамтиды. Бұл кеңестер нақты ресурс сұраулары жасалған кезде қосылымды жылдамырақ орнатуға мүмкіндік беретін DNS ажыратымдылығын және көрсетілген домен атауы үшін TCP қол алысуын бастау үшін шолғышты хабарлайды.

DNS алдын ала қосылымын пайдалану арқылы WordPress DNS ажыратымдылығымен және қосылымды орнатумен байланысты кідірістерді азайтуды мақсат етеді, бұл ресурстарды жылдамырақ және тиімдірек алуға мүмкіндік береді. Бұл оңтайландыру әдісі веб-сайт өнімділігін жақсартуға және WordPress веб-сайттарына келушілер үшін тегіс шолу тәжірибесіне ықпал етеді.

Бұлар қажет пе?

Егер сіз WordPress алдын ала алатын немесе алдын ала байланыстыратын ресурстарды пайдалансаңыз, оларды сайтыңызға жүктеп алғаныңыз абзал. Бірақ бұл соңғы ресурстарды пайдалансаңыз да, пайдаланбасаңыз да жүктелетіні таңқаларлық Google Қаріптер, немесе кез келген басқа ресурс.

WordPress бұл кодты жылдамдықты арттыру үшін қосты... бірақ ол пайдаланылмаса, браузер ресурстарын қажетсіз пайдаланады! жылы Martech Zoneжағдайда, сайтта келесідей екі ресурс бар:

<link rel=dns-prefetch href=//fonts.googleapis.com/>
<link rel=dns-preconnect href=//fonts.gstatic.com/>

Маған біраз қазу керек болды, бірақ WordPress бар екенін білдім API Ресурс үшін DNS Prefetch немесе DNS Preconnect жою мүмкіндігін жаңартуға болатынын сұраңыз URL мекенжайлары бұл қажет емес. Міне, тақырыпқа қосуға болатын үлгі код functions.php файл:

// Remove dns-prefetch and preconnect for specified URLs
function remove_resource_hints( $urls, $relation_type ) {
    if ( 'dns-prefetch' === $relation_type || 'preconnect' === $relation_type ) {
        $urls_to_remove = array(
			'fonts.googleapis.com',
			'fonts.gstatic.com'
        );

        foreach ( $urls_to_remove as $url_to_remove ) {
            $urls = array_filter( $urls, function( $url ) use ( $url_to_remove ) {
                return ( false === strpos( $url, $url_to_remove ) );
            } );
        }
    }

    return $urls;
}
add_filter( 'wp_resource_hints', 'remove_resource_hints', 10, 2 );

Көріп отырғаныңыздай, алдын ала алғыңыз немесе алдын ала қосқыңыз келмейтін URL мекенжайлары үшін сайтыңызға тән кодты жаңартуыңыз керек. Функциялар remove_resource_hints() және remove_resource_hints_preconnect() бөлек анықталады. Әрбір функция тиісті массивді қабылдайды ($urls) және көрсетілген URL мекенжайларын пайдалану арқылы жояды array_filter(). Функцияларды бөлу арқылы ол кодтың жақсы оқылуын және сақталуын қамтамасыз етеді. Оған қоса, ол қажет болған жағдайда басқа контексттерде функцияларды әлеуетті қайта пайдалануға мүмкіндік береді.

Бұл емес екенін есте сақтаңыз маңызды сайт жылдамдығын жақсарту... бірақ егер сіздің сайтыңызда осы мәселелер көп болса, миллисекундтар жүктеу уақытында бірнеше секундқа оңай қосылуы мүмкін және әрбір кішкене бит маңызды!