wordpress网站怎样去合并CSS和JS文件,跪求大神指教,详细步骤
WordPress中使用wp_enqueue_script()和wp_enqueue_style()引入js脚本和css样式表时,会生成一个版本号,如果你不亲自指定,版本号会是WordPress的版本号,比如3.4.2。
版本号有好处,可以强制浏览器更新脚本,但有些SEO检测工具会认为带有版本号是非静态化的表现,那么这里有一个去除版本号的方法。
在主题的functions.php中加入如下代码,就可以去除版本号function sb_remove_script_version( $src ){$parts = explode( '?', $src );return $parts[0];}add_filter( 'script_loader_src', 'sb_remove_script_version', 15, 1 );add_filter( 'style_loader_src', 'sb_remove_script_version', 15, 1 );要注意的是,只有通过WordPress的方式引入脚本才会产生版本号,如果自己硬编码进去,这段代码是不起作用的,当然,不推荐硬编码js文件。
一点小提示,当你需要用到W3 Total Cache插件时,最好用wp_enqueue_script()引入脚本,可以使用自动Minify的功能直接将所有脚本合并成一个文件,并且不要将WordPress默认的jquery替换成google的或者其它的外部jquery,否则当开启W3 Total Cache的自动Minify功能时,可能导致脚本运行错误。
wordpress开启https后 主题CSS JS这类文件如果更改过来
WordPress 本身以及主题和插件通常需要加载一些 JavaScript 来实现某些特殊功能。
为了最大限度地保证兼容性,不至于出现 JavaScript 失效的情况,所以一般在页头加载 JavaScript 文件。
但是根据 Yahoo 开发者论坛的建议,加载 JavaScript 应该尽量在页尾以提高页面的显示(响应、渲染)速度。
本文根据作者的使用经验介绍几个相关插件,并说明如何在某些特殊页面仍然在页头加载 JavaScript。
下面先简单介绍几个相关的优化 JavaScript 的 WordPress 插件及特点,然后演示如何处理一些特殊情况。
一. 优化JavaScript的WordPress插件 我曾经用过 WP Minify、Autoptimize、JavaScript to Footer这三个插件,下面一一介绍其特点。
1. WP Minify 这个插件将 Minify 引擎整合到 WordPress 中。
一经启用,该插件就能够合并和压缩你的 JS 和 CSS 文件来提高页面的加载速度。
WP Minify 能够抓取生成的 WordPress 页面中的 JS/CSS 文件,将文件列表传递给 Minify 引擎。
Minify 引擎处理后返回一个加强、精简并经过压缩的 JavaScript 或样式表文件(CSS),由 WP Minify 将其替换到 WordPress 页头中。
其主要特点是: 易于使用; 对 JavaScript、CSS 和 HTML 均有效; 提供了调试工具; 能够处理外部 JS 和 CSS 文件; 能够排除指定 JS 和 CSS 文件; 能够指定处理后的 JS 和 CSS 文件的位置(页头或页尾,甚至别的地方); 可对处理后的 JS 和 CSS 文件添加过期时间等。
当 WordPress 3.1 测试版出来后,我发现 WP Minify 与之不兼容,会导致网站无法正确加载。
2. Autoptimize 也许将来 WP Minify 升级后会解决不兼容问题,但是我等不及了。
后来找到了 Autoptimize 这个具有类似功能的插件,而且这个插件操作更简单。
Autoptimize 整合、精简并压缩所有的 JS 和 样式表(CSS)文件,增加缓存过期标志。
然后将样式表文件放到页头(同样是为了提高页面加载效率),并将 JS 文件放到页尾。
它还能够精简 HTML 代码,给你的页面瘦身。
不过我觉得给 HTML 页面瘦身作用不是很明显,只要你的服务器开启了 Gzip 压缩特性就没必要这么做了。
默认情况下,Autoptimize 会按照上面介绍的方式优化所有 HTML/CSS/JavaScript 。
我个人觉得,Autoptimize 是比 WP Minify 更好用的 WordPress 优化插件。
3. JavaScript to Footer 这个插件写的非常简洁。
我查看了源代码,完成任务的代码只有 6 个 WordPress 函数(见下文),也就是 6 行。
所以这个插件从创建之后就怎么更新过。
我一开始就因为见它最后更改日期还停留在2009年9月22日,所以把它给忽略了。
但是它仅仅优化 JavaScript 的加载位置,也就是将所有在 WordPress 中正确声明了的 Javascript 文件都给移到页面末尾来加载。
它没有对 HTML 代码和 CSS 样式表文件作任何处理。
根据 JavaScript to Footer 的源代码,它使用下面的 6 行代码来完成工作: remove_action('wp_head', 'wp_print_scripts'); remove_action('wp_head', 'wp_print_head_scripts', 9); remove_action('wp_head', 'wp_enqueue_scripts', 1); add_action('wp_footer', 'wp_print_scripts', 5); add_action('wp_footer', 'wp_enqueue_scripts', 5); add_action('wp_footer', 'wp_print_head_scripts', 5); 如果有需要,可以在某个特定 WordPress 模板的 wp_head() 函数前加入下面的代码,将上述过程逆转过来,也就是使之失效,恢复成了本来的加载位置: remove_action('wp_footer', 'wp_print_scripts', 5); remove_action('wp_footer', 'wp_enqueue_scripts', 5); remove_action('wp_footer', 'wp_print_head_scripts', 5); add_action('wp_head', 'wp_print_scripts'); add_action('wp_head', 'wp_print_head_scripts', 9); add_action('wp_head', 'wp_enqueue_scripts', 1); 当然只是说某些特定的页面模板,如果是所有页面,那干脆禁用该插件好了 :D 二. 使用方法 相信对于大多数 WPer 来说,看了前面的介绍就知道如何选择自己需要的优化插件并合理使用了。
无非是基于以下三个方面来考虑: 你的页面模板中是否使用了大量的 HTML 注释、空格、空行等标记?如果没有,那么你就不需要为了一点点(开启 Gzip 压缩时通常 1% 以下)的带宽节省而使用 HTML 精简功能; 你的页面中是否加载了多个 CSS 样式表文件?如果没有,你也不需要通过插件来精简和整合 CSS 样式表,手工精简和整合 CSS 样式表比使用插件更加简单有效; 基于 WordPress 默认会在页头中加载 JavaScript,一般的 WordPress 网站都需要对 JS 的加载位置进行优化。
但是如果你大部分的页面也都需要在页面头部加载 JS 以保证不会出现 JS 失效的情况,那你就不能进行这样的优化了。
在我看来,WP Minify 就不需要了,原因在前面已经说过了。
那么剩下的 Autoptimize 和 JavaScript to Footer 可以选用其一或者两者配合使用(如果是配合使用,当然是使用前者的 HTML 和 CSS 精简/整合功能,而使用后者的 JS 位置控制功能,因为后者就这一个功能)。
我只需要控制 JS 的加载位置,所以就选择了 JavaScript to Footer。
因为我的页面中也就四五个 JS 文件,又是放到页尾加载,我觉得没必要进行整合。
三. 特殊情...
如何配置优化环境,让wordpress访问提速
首先我们要知道适用于其他类型网站的加速优化方法同样适用于wordpress博客;展开全部再次要知道用户网页加载时间分为三部分:①网页执行时间 ②页面及页面元素加载时间 ③浏览器渲染网页时间 ,针对这三部分时间,wordpress加速方法按加速的方式可以分为:1、php代码层次加速2、html代码层次加速3、服务器层次加速4、间接wordpress加速方法一.php代码层次加速WordPress所谓“php代码层次”是指php执行效率,执行查询数量层次上的优化。
有以下几点:※控制插件数量※使用缓存插件※数据库查询缓存※静态页面缓存※部分页面缓存※优化主题※启用Gzip压缩对于对程序和代码不太熟悉的站长来说,最省事的方法就是使用WordPress插件,通过插件来对WordPress进行优化,加快WordPress加载速度。
从网上浏览来看,小生在这里分享几个被高手们广泛推荐的wordpress插件。
1、Parallelize插件的作用如其名,Parallelize的意思即并行。
该插件将允许WordPress的附件文件自动并行化(图片或上传任何文件使用WordPress的媒体功能)在多个主机名,实现图片或者文件并行加载,加快页面加载速度。
为了协助缓存,资源将永远载入相同的主机名。
2、WPFileCache该插件“实现Object的分级持久化缓存,可以用来代替内置WordPress的WP_Object_Cache。
”不像其他缓存插件,该插件不缓存你的整个页面,它只缓存在插件的API函数中指定的数据。
换句话说,它会明显减少您的数据库的负载,从而加快页面加载和增加你的博客的整体性能。
3、QuickCacheQuickCache实时缓存博客的所有内容包括页面、文章、分类页面,以帮助快速读取数据,加快WordPress载入速度。
你可以进入插件设置页面进行必要的设置,选择你认为需要缓存的部分来优化你的WordPress加载速度。
默认情况下,对于登陆用户和最近留言用户是不会缓存。
4、W3TotalCache这个插件在WordPress缓存插件中排行前三,可以缓存博客的所有内容,加快WordPress加载速度,优化服务器性能。
开发者甚至保证经过W3TotalCache全面优化后性能至少可达到10倍的提高。
相信可以为博客省不少带宽。
5、WPMinifyWPMinify,一个常见的WordPress插件,网上很多介绍和推荐它的文章。
该插件的原理是在不改变功能的情况,删除源代码中不必要的字符以减少文件体积加快WordPress的加载速度。
WPMinify将合并和压缩WordPress的JavaScript,CSS和HTML文件,这有助于大大降低WordPress加载时间。
6、WPSmush.it是一款被广泛推荐的wordpress图片压缩插件。
图片的加载是博客流量的重要部分,而未经过压缩优化的图片不但会大大消耗博客的流量还会影响WordPress的加载速度。
值得注意的是,它的压缩是“无损压缩”,也就是说,经过它压缩的图片绝对不会失真,所以,压缩程度比Parallelize插件的压缩方法稍差。
可以上传本地图片,也可以输入网页上图片的链接,同时支持多图片处理。
最新版本的WPSmush.it更是可以完成整站图片无损压缩。
6 f9 R( g: W8 K- B7、WPSuperCacheWPSuperCache是WordPress官方开发人员Donncha开发,是当前最高效也是最灵活的WordPress静态缓存插件。
它把整个网页直接生成HTML文件,这样Apache就不用解析PHP脚本,通过使用这个插件,能使得WordPress博客显著的提速。
对于的WPSuperCache设置,网上都有教程,可以按照方法安装和设置。
8、HyperCache如果WordPress博客托管在一个低配置的虚拟主机上,该插件非常适合。
HyperCache是就好像PC的优化工具,只是它优化的是博客。
该插件相对于前面提到的W3TotalCache易于配置使用。
它不仅可以缓存你的网站加快WordPress加载速度,它甚至还可以自动清理你的系统,以帮助减少磁盘的使用和节省存储空间。
9、CDNToolsCDN的全称是ContentDeliveryNetwork,即内容分发网络。
其基本思路是尽可能避开互联网上有可能影响数据传输速度和稳定性的瓶颈和环节,使内容传输的更快、更稳定。
而这个插件的目的是通过加载到一个内容分发网络(CDN)的数据,大大加快您的博客的加载时间。
它可以让你载入Javascript和媒体文件到外部服务器页面,使加载速度大幅提升。
10、WP-OptimizeWP-Optimize是一个WordPress数据库优化插件,可以对删除文章历史记录、删除自动保存草稿、删除未审核和垃圾评论、优化MySQL数据库等,对WordPress的数据库进行必要的优化,可以优化数据库加快数据库查询速度和节省数据库空间。
安装并启用该插件,WP后台WP-Optimize管理面板有如下选项:Remove all Post revisions(删除所有文章修订版本)Remove all auto draft posts(删除所有自动保存的草稿文章)Clean marked Spam comments(清除标记为垃圾邮件的评论)Clean Unapproved comments(清理未经批准的评论)Optimize database tables(优化数据库表)选中需要进行的操作点击“PROCESS”按钮即可!二.html代码层次加速WordPress相比php代码层次加速WordPress,html层次上的优化更加重要一些。
因为现在的服务器配置都不错,php执行效率也很高,除非你的...
如何使用better wordpress minify
Better WordPress Minify插件使用很简单。
安装并启用插件后,会自动压缩合并你的JS和CSS文件。
当然你可以在设置页面中,进行如下更细致的设置。
删除不必要的空格与空行。
合并多个CSS或JavaScript文件。
自动缩小的JS文件。
自动缩小CSS文件。
并提供gzip压缩。
域名优惠码 缩小代码bloginfo()样式表?缩小网址。
缓存目录。
浅析如何优化wordpress的页面加载速度
首先我们要知道适用于其他类型网站的加速优化方法同样适用于wordpress博客;再次要知道用户网页加载时间分为三部分:①网页执行时间 ②页面及页面元素加载时间 ③浏览器渲染网页时间 ,针对这三部分时间,wordpress加速方法按加速的方式可以分为:1、php代码层次加速2、html代码层次加速3、服务器层次加速4、间接wordpress加速方法一.php代码层次加速WordPress所谓“php代码层次”是指php执行效率,执行查询数量层次上的优化。
有以下几点:※控制插件数量※使用缓存插件※数据库查询缓存※静态页面缓存※部分页面缓存※优化主题※启用Gzip压缩对于对程序和代码不太熟悉的站长来说,最省事的方法就是使用WordPress插件,通过插件来对WordPress进行优化,加快WordPress加载速度。
从网上浏览来看,小生在这里分享几个被高手们广泛推荐的wordpress插件。
1、Parallelize插件的作用如其名,Parallelize的意思即并行。
该插件将允许WordPress的附件文件自动并行化(图片或上传任何文件使用WordPress的媒体功能)在多个主机名,实现图片或者文件并行加载,加快页面加载速度。
为了协助缓存,资源将永远载入相同的主机名。
2、WPFileCache该插件“实现Object的分级持久化缓存,可以用来代替内置WordPress的WP_Object_Cache。
”不像其他缓存插件,该插件不缓存你的整个页面,它只缓存在插件的API函数中指定的数据。
换句话说,它会明显减少您的数据库的负载,从而加快页面加载和增加你的博客的整体性能。
3、QuickCacheQuickCache实时缓存博客的所有内容包括页面、文章、分类页面,以帮助快速读取数据,加快WordPress载入速度。
你可以进入插件设置页面进行必要的设置,选择你认为需要缓存的部分来优化你的WordPress加载速度。
默认情况下,对于登陆用户和最近留言用户是不会缓存。
4、W3TotalCache这个插件在WordPress缓存插件中排行前三,可以缓存博客的所有内容,加快WordPress加载速度,优化服务器性能。
开发者甚至保证经过W3TotalCache全面优化后性能至少可达到10倍的提高。
相信可以为博客省不少带宽。
5、WPMinifyWPMinify,一个常见的WordPress插件,网上很多介绍和推荐它的文章。
该插件的原理是在不改变功能的情况,删除源代码中不必要的字符以减少文件体积加快WordPress的加载速度。
WPMinify将合并和压缩WordPress的JavaScript,CSS和HTML文件,这有助于大大降低WordPress加载时间。
6、WPSmush.it是一款被广泛推荐的wordpress图片压缩插件。
图片的加载是博客流量的重要部分,而未经过压缩优化的图片不但会大大消耗博客的流量还会影响WordPress的加载速度。
值得注意的是,它的压缩是“无损压缩”,也就是说,经过它压缩的图片绝对不会失真,所以,压缩程度比Parallelize插件的压缩方法稍差。
可以上传本地图片,也可以输入网页上图片的链接,同时支持多图片处理。
最新版本的WPSmush.it更是可以完成整站图片无损压缩。
6 f9 R( g: W8 K- B7、WPSuperCacheWPSuperCache是WordPress官方开发人员Donncha开发,是当前最高效也是最灵活的WordPress静态缓存插件。
它把整个网页直接生成HTML文件,这样Apache就不用解析PHP脚本,通过使用这个插件,能使得WordPress博客显著的提速。
对于的WPSuperCache设置,网上都有教程,可以按照方法安装和设置。
8、HyperCache如果WordPress博客托管在一个低配置的虚拟主机上,该插件非常适合。
HyperCache是就好像PC的优化工具,只是它优化的是博客。
该插件相对于前面提到的W3TotalCache易于配置使用。
它不仅可以缓存你的网站加快WordPress加载速度,它甚至还可以自动清理你的系统,以帮助减少磁盘的使用和节省存储空间。
9、CDNToolsCDN的全称是ContentDeliveryNetwork,即内容分发网络。
其基本思路是尽可能避开互联网上有可能影响数据传输速度和稳定性的瓶颈和环节,使内容传输的更快、更稳定。
而这个插件的目的是通过加载到一个内容分发网络(CDN)的数据,大大加快您的博客的加载时间。
它可以让你载入Javascript和媒体文件到外部服务器页面,使加载速度大幅提升。
10、WP-OptimizeWP-Optimize是一个WordPress数据库优化插件,可以对删除文章历史记录、删除自动保存草稿、删除未审核和垃圾评论、优化MySQL数据库等,对WordPress的数据库进行必要的优化,可以优化数据库加快数据库查询速度和节省数据库空间。
安装并启用该插件,WP后台WP-Optimize管理面板有如下选项:Remove all Post revisions(删除所有文章修订版本)Remove all auto draft posts(删除所有自动保存的草稿文章)Clean marked Spam comments(清除标记为垃圾邮件的评论)Clean Unapproved comments(清理未经批准的评论)Optimize database tables(优化数据库表)选中需要进行的操作点击“PROCESS”按钮即可!二.html代码层次加速WordPress相比php代码层次加速WordPress,html层次上的优化更加重要一些。
因为现在的服务器配置都不错,php执行效率也很高,除非你的WordPre...
如何利用JS判断当前来路域名并跳转到指定页面
展开全部SEO优化的详细流程: 第一个:站内结构优化合理的站点结构:1.扁平化结构:网站整体结构呈F型,“-”表示顶级导航,用来布局核心词,“|”表示副导航,用来布局热门词。
整体布局表现出:重要的东西布局在上面和左边方向。
目录的爬去层级不要超过3次。
2.辅助导航、次导航:一般放在首页和列表页的左边,用来布局长尾词或者热门词。
3. 面包屑导航:每个页面(包括搜索框页面)都要有“主页>XXX>XXX”的导航,并且“主页”都是可点击返回到首页4.内容页结构设置:每个内容页或者说每篇文章周边都要布局有:最新文章、推荐文章、热门文章。
增加相关性、方便自助根据链接抓取更多内容,较快的加载速度简洁的页面结构第二个:代码优化1. Robot.txt文件优化:禁止搜索引擎抓取涉及安全、动态页面、死链接等方面,把网站地图放到最后允许抓取,可以直接复制以下通用的robots文件设置:(注:/前面一定要空一个格)User-agent: *Disallow: /plus/Disallow: /include/Disallow: /templets/Disallow: /data/Disallow: /dede/Disallow: /images/Disallow: /uploads/Disallow: /404.htmlDisallow: /tags.phpDisallow: /*?*Sitemap: http://www.xxx.com/sitemap.xml延伸:对于网站中一些没有任何抓取意义的页面也可以屏蔽掉,比如说“关于我们、联系我们、版权声明”等页面都可以屏蔽掉,把更多抓取的配额留个其他有意义的页面,但是尽量不要屏蔽CSS和JS文件所在的文件夹,有可能导致蜘蛛无法顺利爬取网站。
做好robots文件后到百度站长后台更新robots文件。
2. 网站地图:html地图(给百度看)、xml地图(给谷歌看)、RSS地图延伸:做好各类型的网站地图之后,第一个要先写进robots文件中(提交后到百度站长后台更新robots文件),第二个要到百度站长后台提交网站地图的URL。
3. 图片优化:属性符合图片内容;尽量加关键词;不要刻意堆砌关键词;同一页面的alt属性不要相同;给图片指定规格大小;压缩图片体积;如果是模板网站,尽量修改掉原图片名字。
4. Meta标签:TDK三大标签:标题,描述,关键词;给每一个页面设置字符编码5. H标签优化:网站的代码中h标签的优化是很重要的一部分,h标签分为h1-h6标签,h1标签是h标签中最重要的,也是赋予权重最高的,因为一个页面中只能出现一次h1标签,一般h1标签都是写在标题上,因为这个是每个页面最重要的,还有千万注意一个页面不能出现多个h1,可以多次出现h2-h6,但是有h2-h6的话是必须要加h1的,网站要么不写h标签,要写就要写完整,不要出现有h3,而没有h1这种情况,如何不懂代码就不要随便在网站中添加h代码。
6. 强调标签优化:用strong标签比b或者i的优化效果好7. Nofollow标签优化:检查对方的友情链接是否带有nofollow,如有删掉掉该友链;对于网站中的版权说明、QQ新浪的话分享网站链接、备案网站等与我们网站主题内容不大相关的也加上nofollow标签8. CSS、JS优化:运用工具压缩CSS和JS文件体积;除了常规的JS外,其余的JS可以直接转移到代码最底部;CSS和JS尽量放在独立的外部文件,然后在HTML里调用;CSS和JS文件用绝对URLhttp:www.xxx.com/xxx/xxx.js调用,不要用相对路径xxx.com/xxx/xxx.js;左对齐代码,删除代码之间的空行;合并CSS、合并JS;删除CSS里用不到的样式表9. 删除垃圾代码:垃圾代码指的是不影响网站正常运行的代码。
删除代码空格;删除默认属性代码(如左对齐、居中显示),无论设置与否,网页都是按照这种布局来显示的,所以无需重复设置属性;删除注释语句;删除空语句(代码间的空格或者两个标签之间没有内容如、、等。
但有一部分标签是不能删的(如、或者),否则页面将会出现错乱。
可以使用网页制作软件提供的特定功能对代码中的空语句进行清理。
例如,Dreamweaver的“清理HTML/XHTML”功能就可以快速清理页面中的空语句:(1)点击菜单栏中的“命令”;(2)选择“清理HTML”; (3)根据需要选择相应的选项,然后按“确定”即可。
) 第三个:网站地图设置:推荐SitemapX软件html网站地图(1、为搜索引擎建立一个良好的导航结构 2、横向和纵向地图:01横向为频道、栏目、专题/02纵向主要针对关键词 3、每页都有指向网站地图的链接)网站地图(sitemap.xml提交给百度、XML地图提交给google,还有RSS地图)注:网站地图放在底部或者头部右边第四个:关键词部署挑选关键词的步骤(1、确定目标关键词2、目标关键词定义上的扩展3、模拟用户的思维设计关键词4、研究竞争者的关键词)页面关键词优化先后顺序(1、最终页>专题>栏目>频道>首页2、最终页:长尾关键词3、专题页:【a、热门关键词 b、为热点关键词制作专题 c、关键词相关信息的聚合 d、辅以文章内链导入链接】4、栏目页:固定关键词5、频道页:目标关键词6、首页:做行业一到两个顶级关键词,或者网站名称)关键词部署建议(1、不要把关键词堆积在首页 2、每个页面承载关键词合理数目为3-5个 )第五:内容优化1.网站内容来源:原创内容或伪原创内容编辑撰稿或UGC扫描书籍、报刊、杂志2.内容细节优化标题写法:...
转载请注明出处51数据库 » wordpress 合并js