将WordPress程序JavaScript文件自动移至网站底部

WordPress程序确实上手比较容易,但是后续如果需要完美的兼容和稳定还是需要不断的调整的。比如我们安装各种插件和主题之后,会看到源代码顶部有很多的JS文件,一来会使得网站打开速度变慢,二来还会影响网站的用户体验,我们需要做的最好是将JavaScript文件减少或者是移动到网站底部

这里本站整理到一个不错的办法,可以将所有的WordPress程序中的JavaScript文件移动到网站底部。具体如何操作呢?

第一、添加脚本

function theme_strip_tags_content($text, $tags = \’\’, $invert = false) {

preg_match_all( \’//si\’, trim( $tags ), $tags ); $tags = array_unique( $tags[1] );

if ( is_array( $tags ) AND count( $tags ) > 0 ) { if ( false == $invert ) { return preg_replace( \’@.*?@si\’, \’\’, $text ); } else { return preg_replace( \’@.*?@si\’, \’\’, $text ); } } elseif ( false == $invert ) { return preg_replace( \’@.*?@si\’, \’\’, $text ); }

return $text; }

function theme_insert_js($source) {

$out = \’\’;

$fragment = new DOMDocument(); $fragment->loadHTML( $source );

$xp = new DOMXPath( $fragment ); $result = $xp->query( \’//script\’ );

$scripts = array(); $scripts_src = array(); foreach ( $result as $key => $el ) { $src = $result->item( $key )->attributes->getNamedItem( \’src\’ )->value; if ( ! empty( $src ) ) { $scripts_src[] = $src; } else { $type = $result->item( $key )->attributes->getNamedItem( \’type\’ )->value; if ( empty( $type ) ) { $type = \’text/javascript\’; }

$scripts[$type][] = $el->nodeValue; } }

foreach ( $scripts as $key => $value ) { $out .= \'\’;

foreach ( $value as $keyC => $valueC ) { $out .= \”\\n\”.$valueC; }

$out .= \'\’; }

foreach ( $scripts_src as $value ) { $out .= \'\’; }

return $out; }

将代码添加到当前主题的Functions.php文件中。

第二、替换头部文件

将当前主题的wp_head()头部文件这个代码替换到上面脚本。

第三、增加底部文件

在footer.php底部文件中加上上面的代码。

最后,我们刷新当前的WP网站,可以看到所有的JS文件已经在网站底部。

推荐站内搜索:备案域名、香港服务器租用、域名免费注册0元注册、查看ip地址、国外vps服务器租用、域名转入、腾讯云服务器、虚拟主机空间、vps国外服务器、虚拟空间购买、