WordPress如何禁止頭部加載“s.w.org”

WordPress 4.6 版本加載了一個 DNS-Prefetch（DNS 預解析）功能，通過 DNS 預解析來告訴瀏覽器未來我們可能從某個特定的 URL 獲取資源，當瀏覽器真正使用到該域中的某個資源時就可以盡快地完成 DNS 解析。

什么是dns-prefetch

DNS Prefetch 是一種 DNS 預解析技術。當你瀏覽網頁時，瀏覽器會在加載網頁時對網頁中的域名進行解析緩存，這樣在你單擊當前網頁中的連接時就無需進行 DNS 的解析，減少用戶等待時間，提高用戶體驗。

目前每次DNS解析，通常在200ms以下。針對DNS解析耗時問題，一些瀏覽器通過DNS Prefetch 來提高訪問的流暢性。

在網站速度優化中，dns-prefetch對網頁預獲取，在提高大型網站瀏覽速度方面有幫助。但是在wordpress中的s.w.org指向的是wordpress的國外官方網站，這對于我們來說毫無用處。

WordPress 默認使用 s.w.org 下的圖片來渲染 emoji 表情，所以在 WordPress 頭部也有 s.w.org 的DNS 解析。

升級到 WordPress 4.6 之后，有童鞋發現頭部加載了一段代碼：

<link rel=‘dns-prefetch’ href=‘//s.w.org’>

WordPress在頭部添加dns-prefetch，應該是為了從s.w.org預獲取表情和頭像，目的是提高網頁加載速度 ，但s.w.org國內根本無法訪問，什么預獲取、什么提高速度，都是泡影，不僅沒用處，反而可能會影響速度，那就禁止它。

如何去除dns-prefetch

將腳本添加到當前WP程序主題中的functions.php文件中，然后再去刷新網站前端，問題可以解決。

1、在主題function.php文件中屏蔽

remove_action( ‘wp_head’, ‘wp_resource_hints’, 2 );

2、或者下面這種改造過的方法，兼容性會好點

function remove_dns_prefetch( $hints, $relation_type ) {

if ( 'dns-prefetch' === $relation_type ) {

return array_diff( wp_dependencies_unique_hosts(), $hints );

}

return $hints;

}

add_filter( 'wp_resource_hints', 'remove_dns_prefetch', 10, 2 );

直接在文件去除相關函數，/wp-includes/general-template.php大概2903行全部注釋。

//      foreach ( $urls as $key => $url ) {

//          $atts = array();

//

//          if ( is_array( $url ) ) {

//              if ( isset( $url['href'] ) ) {

//                  $atts = $url;

//                  $url   = $url['href'];

//              } else {

//                  continue;

//              }

//          }

//

//          $url = esc_url( $url, array( 'http', 'https' ) );

//

//          if ( ! $url ) {

//              continue;

//          }

//

//          if ( isset( $unique_urls[ $url ] ) ) {

//              continue;

//          }

//

//          if ( in_array( $relation_type, array( 'preconnect', 'dns-prefetch' ) ) ) {

//              $parsed = wp_parse_url( $url );

//

//              if ( empty( $parsed['host'] ) ) {

//                  continue;

//              }

//

//              if ( 'preconnect' === $relation_type && ! empty( $parsed['scheme'] ) ) {

//                  $url = $parsed['scheme'] . '://' . $parsed['host'];

//              } else {

//                  // Use protocol-relative URLs for dns-prefetch or if scheme is missing.

//                  $url = '//' . $parsed['host'];

//              }

//          }

//

//          $atts['rel'] = $relation_type;

//          $atts['href'] = $url;

//

//          $unique_urls[ $url ] = $atts;

//      }

延伸閱讀

WordPress始于2003年，當時邁克·利特爾和馬特·莫楞威格創建了b2/cafelog。WordPress是使用PHP語言開發的開源發布平臺，用戶可以在支持PHP和MySQL數據庫的服務器上架設屬于自己的博客、網站。也可以把WordPress當作一個內容管理系統（CMS）來使用。

WordPress有許多第三方開發的免費模板，安裝方式簡單易用。不過要做一個自己的模板，則需要有一定的專業知識。比如至少要懂的標準通用標記語言下的一個應用HTML代碼、CSS、PHP等相關知識。

WordPress官方支持中文版，同時有愛好者開發的第三方中文語言包，如wopus中文語言包。WordPress擁有成千上萬個各式插件和不計其數的主題模板樣式。