IT博客汇
  • 首页
  • 精华
  • 技术
  • 设计
  • 资讯
  • 扯淡
  • 权利声明
  • 登录 注册

    移除WordPress非必须加载的媒体播放js与css

    小旭旭发表于 2015-11-05 12:55:18
    love 0

    WordPress MediaElement是的多媒体播放功能,原生支持视频、音频插入,使用html5实现播放功能,并且可以创建播放列表。但是如果你的网站并未使用这个功能,那么WordPress加载MediaElement相关js和css无疑是给用户增加加载文件的大小和时间,前端代码会加载类似下方内容:

    加载的css

    <link rel='stylesheet' id='mediaelement-css'  href='http://xiedexu.cn/wp-includes/js/mediaelement/mediaelementplayer.min.css?ver=2.17.0' type='text/css' media='all' />
    <link rel='stylesheet' id='wp-mediaelement-css'  href='http://xiedexu.cn/wp-includes/js/mediaelement/wp-mediaelement.css?ver=4.3.1' type='text/css' media='all' />
    

    加载的js

    <script type='text/javascript' src='http://xiedexu.cn/wp-includes/js/wp-util.min.js?ver=4.3.1'></script>
    <script type='text/javascript' src='http://xiedexu.cn/wp-includes/js/backbone.min.js?ver=1.1.2'></script>
    <script type='text/javascript' src='http://xiedexu.cn/wp-includes/js/mediaelement/mediaelement-and-player.min.js?ver=2.17.0'></script>
    <script type='text/javascript' src='http://xiedexu.cn/wp-includes/js/mediaelement/wp-playlist.js?ver=4.3.1'></script>
    

    移除这些js和css的方法:

    在主题functions.php文件中插入

    wp_deregister_script('wp-mediaelement');
    wp_deregister_style('wp-mediaelement');
    

    或者插入

    function remove_mediaelement(){ return '';}
    add_filter('wp_audio_shortcode_library','remove_mediaelement');
    


沪ICP备19023445号-2号
友情链接