WordPress

WordPress

WordPress建站及WordPress SEO相关话题
Shopify

Shopify

Shopify建站及Shopify SEO相关话题
Google SEO

Google SEO

Google SEO相关话题
SEM

SEM

SEM相关话题
Zoho

Zoho

Zoho SAAS相关产品使用话题讨论
EDM

EDM

讨论Email Marketing相关话题
Symantec SSL

Symantec SSL

讨论Symantec SSL安全相关话题
隽永东方售后服务

隽永东方售后服务

隽永东方售后服务专区

推荐几个SEO优化过程中可以利用的网站

Google SEOcarol 发表了文章 • 1 个评论 • 89 次浏览 • 2018-11-09 15:01 • 来自相关话题

一、检测网站在移动设备的适合性
当前,Mobile SEO的重要程度不断提高。具体表现为,60%的Google搜索现在来自移动设备。谷歌也开始使用移动优先算法。可以参考谷歌3月份的webmasters——rolling-out-mobile-first-indexing.html。既然做谷歌SEO,要想知道网站是否适合移动设备,当然还是推荐谷歌的工具:Google’s Mobile-Friendly Testing Tool.
1、用我们网站做了个测试




谷歌对我们官网在手移动设备的适应性还是有很高的认可的
 
2、如果网站在移动端适应差,谷歌会给出下图这个分析,并给出一定的意见您。利用这个工具我们可以看到Google是否认为我们网站针对移动设备进行了优化。



 
二、测试网站速度
1、通过我们常用的pagespeed insight检查网速是,除了主页,其实博客页和产品页这样的内部页面也可以稍微测一下。
2、利用WebpageTest ,这个网站进行的测试实际上是通过加载页面,让我们了解导致速度难以上升的原因。




他会在显示每个阶段所加载的内容以及前端的效果。
 
三、查找并修复broken links
broken links对用户体验不利,也可能会损害到网站的SEO,网站出现Broken links时分数往往会被降低。当然如果是那些僵尸页面,谷歌会停止这个报错,但是如果是那些我们重要的页面,还是希望尽快能够恢复。因此可以利用免费工具brokenlinkcheck





 
 
 
  查看全部
一、检测网站在移动设备的适合性
当前,Mobile SEO的重要程度不断提高。具体表现为,60%的Google搜索现在来自移动设备。谷歌也开始使用移动优先算法。可以参考谷歌3月份的webmasters——rolling-out-mobile-first-indexing.html。既然做谷歌SEO,要想知道网站是否适合移动设备,当然还是推荐谷歌的工具:Google’s Mobile-Friendly Testing Tool.
1、用我们网站做了个测试
111.jpg

谷歌对我们官网在手移动设备的适应性还是有很高的认可的
 
2、如果网站在移动端适应差,谷歌会给出下图这个分析,并给出一定的意见您。利用这个工具我们可以看到Google是否认为我们网站针对移动设备进行了优化。
example.png

 
二、测试网站速度
1、通过我们常用的pagespeed insight检查网速是,除了主页,其实博客页和产品页这样的内部页面也可以稍微测一下。
2、利用WebpageTest ,这个网站进行的测试实际上是通过加载页面,让我们了解导致速度难以上升的原因。
123.png

他会在显示每个阶段所加载的内容以及前端的效果。
 
三、查找并修复broken links
broken links对用户体验不利,也可能会损害到网站的SEO,网站出现Broken links时分数往往会被降低。当然如果是那些僵尸页面,谷歌会停止这个报错,但是如果是那些我们重要的页面,还是希望尽快能够恢复。因此可以利用免费工具brokenlinkcheck

333.png

 
 
 
 

隽永东方推荐一款非常适合外贸企业低成本自制宣传视频的软件--VideoScribe

其他Eastern_Design_Studio 发表了文章 • 0 个评论 • 170 次浏览 • 2018-11-07 17:18 • 来自相关话题

很多外贸中小企业都有制作简单的宣传视频的需求,可往往被专业视频公司高昂的价格给吓着了,迫切需要一款价格亲民,上手很小白的视频制作软件,今天我们就来推荐一款很不错的视频制作软件:
https://www.videoscribe.co 
 
制作出来的效果可以发给大家看看:
 
https://www.eastdesign.net/wp-content/uploads/2018/11/%E9%9A%BD%E6%B0%B8%E9%A3%8E%E9%87%87%E8%A7%86%E9%A2%91.mp4
 这款软件很容易上手,基本不需要什么专业的IT知识,简单录制了一个视频给大家参考:
 
https://www.eastdesign.net/videos/screencast%202018-11-07%2015-24-57.mp4 查看全部
很多外贸中小企业都有制作简单的宣传视频的需求,可往往被专业视频公司高昂的价格给吓着了,迫切需要一款价格亲民,上手很小白的视频制作软件,今天我们就来推荐一款很不错的视频制作软件:
https://www.videoscribe.co 
 
制作出来的效果可以发给大家看看:
 
https://www.eastdesign.net/wp-content/uploads/2018/11/%E9%9A%BD%E6%B0%B8%E9%A3%8E%E9%87%87%E8%A7%86%E9%A2%91.mp4
 这款软件很容易上手,基本不需要什么专业的IT知识,简单录制了一个视频给大家参考:
 
https://www.eastdesign.net/videos/screencast%202018-11-07%2015-24-57.mp4

wordpress前台页面如何快速找到后台对应编辑页面

WordPressLeo 发表了文章 • 1 个评论 • 100 次浏览 • 2018-11-06 11:48 • 来自相关话题

wordpress前台页面如何快速找到后台对应编辑页面?
很简单,每一个页面都有一个唯一的id,我们可以通过这个id来找页面,这样就很方便了





 
如图,就是post id为843的,如果是page的话就是page id,如果不会分辨是post还是blog等等,那大不了就是多试几个字段,举个例子,就是把后台的blog、news、post、page等等都点一个进去,然后通过修改浏览器url的id就可以。
  查看全部
wordpress前台页面如何快速找到后台对应编辑页面?
很简单,每一个页面都有一个唯一的id,我们可以通过这个id来找页面,这样就很方便了

1.png

 
如图,就是post id为843的,如果是page的话就是page id,如果不会分辨是post还是blog等等,那大不了就是多试几个字段,举个例子,就是把后台的blog、news、post、page等等都点一个进去,然后通过修改浏览器url的id就可以。
 

Wordpress 更改JPEG图片的压缩质量

WordPressBob 发表了文章 • 1 个评论 • 84 次浏览 • 2018-11-05 11:45 • 来自相关话题

默认情况下,WordPress会针对用户上传的图片进行质量压缩,以提高用户体验,一级手机端的浏览速度。默认图片质量都是压缩到90%,自WordPress 4.5的版本以后,图片质量压缩为82%。虽然速度提升了一点,但是图片确实灰常的模糊,看不清。
WordPress提供了 jpeg_quality 的钩子,我们可以自定义上传图片质量的压缩比列。比如:
function ed_custom_jpeg_quality() {

return 90;}

add_filter( 'jpeg_quality', 'ed_custom_jpeg_quality');这里的90我们可以随意更改,如果不希望压缩,可以改成100. 查看全部
默认情况下,WordPress会针对用户上传的图片进行质量压缩,以提高用户体验,一级手机端的浏览速度。默认图片质量都是压缩到90%,自WordPress 4.5的版本以后,图片质量压缩为82%。虽然速度提升了一点,但是图片确实灰常的模糊,看不清。
WordPress提供了 jpeg_quality 的钩子,我们可以自定义上传图片质量的压缩比列。比如:
function ed_custom_jpeg_quality() {

return 90;}

add_filter( 'jpeg_quality', 'ed_custom_jpeg_quality');
这里的90我们可以随意更改,如果不希望压缩,可以改成100.

wow.js为网站增色

WordPressLeo 发表了文章 • 2 个评论 • 74 次浏览 • 2018-11-02 08:42 • 来自相关话题

不多说先看效果
http://igeelee.dfsj.net/
http://sunbright.dfsj.net/  
是不是觉得很有趣,这样小小的一款插件就能做出这么多动画效果。
一些小小的细节效果能为网站增色不少,下面就让我们来学习如何使用这款插件。
 
首先可以参考这篇教程
https://www.eastdesign.net/juanyongdongfangimaginationinspirationshowtime2017518/
1、引入文件

<link rel="stylesheet" href="animate.min.css">
<script src="wow.min.js"></script>
2、HTML

<div class="wow slideInLeft"></div>
<div class="wow slideInRight"></div>

可以加入 data-wow-duration(动画持续时间)和 data-wow-delay(动画延迟时间)属性,如:

<div class="wow slideInLeft" data-wow-duration="2s" data-wow-delay="5s"></div>
<div class="wow slideInRight" data-wow-offset="10"  data-wow-iteration="10"></div>
(具体动画效果,可以在animate.css中找,动画效果很多,根据实际需求来)
3、JavaScript
new WOW().init();   //这种方法,有局限,移动端会出现横向滚动条

如果需要自定义配置,可如下使用:(推荐这种方法,移动端perfect)
var wow = new WOW({
    boxClass: 'wow',
    animateClass: 'animated',
    offset: 0,
    mobile: true,
    live: true
});
wow.init(); 查看全部
不多说先看效果
http://igeelee.dfsj.net/
http://sunbright.dfsj.net/  
是不是觉得很有趣,这样小小的一款插件就能做出这么多动画效果。
一些小小的细节效果能为网站增色不少,下面就让我们来学习如何使用这款插件。
 
首先可以参考这篇教程
https://www.eastdesign.net/juanyongdongfangimaginationinspirationshowtime2017518/
1、引入文件

<link rel="stylesheet" href="animate.min.css">
<script src="wow.min.js"></script>
2、HTML

<div class="wow slideInLeft"></div>
<div class="wow slideInRight"></div>

可以加入 data-wow-duration(动画持续时间)和 data-wow-delay(动画延迟时间)属性,如:

<div class="wow slideInLeft" data-wow-duration="2s" data-wow-delay="5s"></div>
<div class="wow slideInRight" data-wow-offset="10"  data-wow-iteration="10"></div>
(具体动画效果,可以在animate.css中找,动画效果很多,根据实际需求来)
3、JavaScript
new WOW().init();   //这种方法,有局限,移动端会出现横向滚动条

如果需要自定义配置,可如下使用:(推荐这种方法,移动端perfect)
var wow = new WOW({
    boxClass: 'wow',
    animateClass: 'animated',
    offset: 0,
    mobile: true,
    live: true
});
wow.init();

基于对隽永智库的积极贡献给予隽永东方 Leo 现金红包奖励

隽永风采Eastern_Design_Studio 发表了文章 • 0 个评论 • 73 次浏览 • 2018-11-01 10:07 • 来自相关话题

基于对隽永智库的积极贡献给予隽永东方 Leo 现金红包奖励,也鼓励其他小伙伴们再接再厉。
 





 
基于对隽永智库的积极贡献给予隽永东方 Leo 现金红包奖励,也鼓励其他小伙伴们再接再厉。
 

TIM图片20181101100509.png

 

推荐俩款辅助WPBakery Page Builder的免费插件

WordPressLeo 发表了文章 • 2 个评论 • 94 次浏览 • 2018-11-01 08:54 • 来自相关话题

第一款插件:Mega Addons For Visual Composer 这个插件激活人数5W+,里面包括了很多常用的功能,可以使用






第二款插件:Unlimited Addons for WPBakery Page Builder   这个插件激活人数也有1W+​





 
一些特殊页面需要客户能够更方便的操作,那么使用这种可视化编辑插件还是很Userbility的,而WPBakery Page Builder插件本身可能自带的一些功能不是很丰富,这时候我们就可以安装这些补丁插件了 查看全部
第一款插件:Mega Addons For Visual Composer 这个插件激活人数5W+,里面包括了很多常用的功能,可以使用

1.png


第二款插件:Unlimited Addons for WPBakery Page Builder   这个插件激活人数也有1W+​

2.png

 
一些特殊页面需要客户能够更方便的操作,那么使用这种可视化编辑插件还是很Userbility的,而WPBakery Page Builder插件本身可能自带的一些功能不是很丰富,这时候我们就可以安装这些补丁插件了

ftp上传文件,覆盖错项目了怎么办,首先不要急

WordPressLeo 发表了文章 • 1 个评论 • 102 次浏览 • 2018-10-26 13:50 • 来自相关话题

我们平时做项目的时候,经常会为了方便,同时打开多个ftp,一个不小心就串项目了,覆盖错了。这时候就体现了平时做备份的好处,测试站项目必须和我们文件服务器做好同步,这样即使负责该项目的同事不在,你也可以进行恢复。
那么如果是客户的正式站呢,这个首先你要想自己有没有给这个站点做过本地的备份,如果本地没有备份,你也不要急,可以看看cpanel这种控制平台有没有设置过备份、阿里云有没有设置过镜像,如果连这种备份都没做,那就完了。
如果仅仅是覆盖了样式表,那么你还能从cloudflare上面入手(这时候就更加明显的体现了加载第三方cdn的好处),切记不要手滑清了缓存,如果连缓存都清除了,那就真的玩完。
 
当然这不是鼓励大家串项目了。
我们做任何事情都要仔细。经验之谈,都是我犯过的事
 
总而言之:备份很重要,cloudflare也很有效
 
另外和我们文件服务器做好同步,需要你本地打开drive这个软件,然后创建和我们文件服务器的连接,选择你想同步的项目,本地选择一个目录作为cloudstation目录,里面就是放文件服务器同步的项目,你做任何修改都会同步到文件服务器,这是所有测试站点都要做的。(我发现新同事还是没有这个习惯) 查看全部
我们平时做项目的时候,经常会为了方便,同时打开多个ftp,一个不小心就串项目了,覆盖错了。这时候就体现了平时做备份的好处,测试站项目必须和我们文件服务器做好同步,这样即使负责该项目的同事不在,你也可以进行恢复。
那么如果是客户的正式站呢,这个首先你要想自己有没有给这个站点做过本地的备份,如果本地没有备份,你也不要急,可以看看cpanel这种控制平台有没有设置过备份、阿里云有没有设置过镜像,如果连这种备份都没做,那就完了。
如果仅仅是覆盖了样式表,那么你还能从cloudflare上面入手(这时候就更加明显的体现了加载第三方cdn的好处),切记不要手滑清了缓存,如果连缓存都清除了,那就真的玩完。
 
当然这不是鼓励大家串项目了。
我们做任何事情都要仔细。经验之谈,都是我犯过的事
 
总而言之:备份很重要,cloudflare也很有效
 
另外和我们文件服务器做好同步,需要你本地打开drive这个软件,然后创建和我们文件服务器的连接,选择你想同步的项目,本地选择一个目录作为cloudstation目录,里面就是放文件服务器同步的项目,你做任何修改都会同步到文件服务器,这是所有测试站点都要做的。(我发现新同事还是没有这个习惯)

Microsoft Edge 浏览器转 ie浏览器

其他Leo 发表了文章 • 1 个评论 • 99 次浏览 • 2018-10-25 15:04 • 来自相关话题

现在win7还是win10开始,电脑上要找个ie浏览器,我个人经验是不太容易的,当然你可以去网上下载,但其实我们电脑上是有ie了,可以通过Microsoft Edge浏览器转ie浏览器打开,而Microsoft Edge这个浏览器就很容易找到 查看全部

1.png

现在win7还是win10开始,电脑上要找个ie浏览器,我个人经验是不太容易的,当然你可以去网上下载,但其实我们电脑上是有ie了,可以通过Microsoft Edge浏览器转ie浏览器打开,而Microsoft Edge这个浏览器就很容易找到

初步seo优化小结

WordPresschad 发表了文章 • 3 个评论 • 139 次浏览 • 2018-10-24 11:50 • 来自相关话题

最近做了下自己负责的项目的优化,小有收获,不敢独享特拿来分享。
一.最重要的一点莫过于图片的压缩。
图片压缩基本分三步走:1.手动用photoshop压缩,快捷键Ctrl+alt +shift+s,即是保存为web格式。图片可以选择png或者jpg格式,对于那种应该选择哪种格式,度娘那里都有介绍,我就不多赘述。一般质量80%就可以满足需求了。2.将保存的图片通过第三方压缩网站再次压缩https://tinypng.com/   最后下载的图片大小即可上传到网站后台。3.通过wordpress后台安装的插件EWWW img optimizer再次压缩。
二.WP rocket 插件的设置。
这里要根据不同网站,设置成不同的数值,因为如果随便文件都压缩的话,可能导致网站出现乱码情况,所以调整的时候要随时观察站点页面。总之一句话:能压缩的都压缩,最大化压缩网站文件。不废话直接上图:
























注意对于preload选项的设置,我在Prefetch DNS Requests设置了相应的资源之后,移动端的评分高达98分,所以这个挺关键的。
三.WordPress 设置浏览器端缓存,加快访问速度.
在网站根目录(即是服务器public_html文件夹下面) .htaccess 文件中添加以下代码:
#Expire Header
ExpiresActive on //开启缓存
ExpiresByType text/css "access 1 month"//css文件缓存1个月
ExpiresByType text/plain "access 2 days"//纯文本内容缓存2天
ExpiresByType text/html "access 2 days"//html文件缓存2天
ExpiresByType application/javascript "access 1 month"//JS文件缓存1个月
ExpiresByType image/jpeg "access 1 month"//jpeg图片缓存1个月
ExpiresByType image/x-icon "access 1 month"//icon缓存1个月
ExpiresByType image/gif "access 1 month"//gif图片缓存一个月
ExpiresByType image/png "access 1 month"//png图片缓存一个月
ExpiresByType image/ico "access 1 month"//ico缓存1个月
ExpiresByType application/pdf "access 1 month"//pdf文件缓存一个月
ExpiresByType application/x-shockwave-flash "access 1 month"//flash缓存一个月
ExpiresDefault "access 1 month"// 默认(未提及的可缓存文件)缓存1个月
 
 
当然具体code干货代码,我也私下保存了一份(复制在.htaccess文件里面):

# BEGIN WP Rocket v3.1.4
# Use UTF-8 encoding for anything served text/plain or text/html
AddDefaultCharset UTF-8
# Force UTF-8 for a number of file formats
<IfModule mod_mime.c>
AddCharset UTF-8 .atom .css .js .json .rss .vtt .xml
</IfModule>
# FileETag None is not enough for every server.
<IfModule mod_headers.c>
Header unset ETag
</IfModule>
# Since we’re sending far-future expires, we don’t need ETags for static content.
# developer.yahoo.com/performance/rules.html#etags
FileETag None
<IfModule mod_alias.c>
<FilesMatch "\.(html|htm|rtf|rtx|txt|xsd|xsl|xml)$">
<IfModule mod_headers.c>
Header set X-Powered-By "WP Rocket/3.1.4"
Header unset Pragma
Header append Cache-Control "public"
Header unset Last-Modified
</IfModule>
</FilesMatch>
<FilesMatch "\.(css|htc|js|asf|asx|wax|wmv|wmx|avi|bmp|class|divx|doc|docx|eot|exe|gif|gz|gzip|ico|jpg|jpeg|jpe|json|mdb|mid|midi|mov|qt|mp3|m4a|mp4|m4v|mpeg|mpg|mpe|mpp|otf|odb|odc|odf|odg|odp|ods|odt|ogg|pdf|png|pot|pps|ppt|pptx|ra|ram|svg|svgz|swf|tar|tif|tiff|ttf|ttc|wav|wma|wri|xla|xls|xlsx|xlt|xlw|zip)$">
<IfModule mod_headers.c>
Header unset Pragma
Header append Cache-Control "public"
</IfModule>
</FilesMatch>
</IfModule>
# Expires headers (for better cache control)
<IfModule mod_expires.c>
ExpiresActive on
# Perhaps better to whitelist expires rules? Perhaps.
ExpiresDefault                          "access 1 month"
# cache.appcache needs re-requests in FF 3.6 (thanks Remy ~Introducing HTML5)
ExpiresByType text/cache-manifest       "access plus 0 seconds"
# Your document html
ExpiresByType text/html                 "access 2 days"
# Data
ExpiresByType text/xml                  "access plus 0 seconds"
ExpiresByType application/xml           "access plus 0 seconds"
ExpiresByType application/json          "access plus 0 seconds"
# Feed
ExpiresByType application/rss+xml       "access plus 1 hour"
ExpiresByType application/atom+xml      "access plus 1 hour"
# Favicon (cannot be renamed)
ExpiresByType image/x-icon              "access 1 month"
# Media: images, video, audio
ExpiresByType image/gif                 "access 1 month"
ExpiresByType image/png                 "access 1 month"
ExpiresByType image/jpeg                "access 1 month"
ExpiresByType video/ogg                 "access plus 1 month"
ExpiresByType audio/ogg                 "access plus 1 month"
ExpiresByType video/mp4                 "access plus 1 month"
ExpiresByType video/webm                "access plus 1 month"
ExpiresByType image/ico                 "access 1 month"
# HTC files  (css3pie)
ExpiresByType text/x-component          "access plus 1 month"

# Webfonts
ExpiresByType application/x-font-ttf    "access plus 1 month"
ExpiresByType font/opentype             "access plus 1 month"
ExpiresByType application/x-font-woff   "access plus 1 month"
ExpiresByType application/x-font-woff2  "access plus 1 month"
ExpiresByType image/svg+xml             "access plus 1 month"
ExpiresByType application/vnd.ms-fontobject "access plus 1 month"
ExpiresByType application/pdf                 "access 1 month"
ExpiresByType application/x-shockwave-flash "access 1 month"
# CSS and JavaScript
ExpiresByType text/css                  "access 1 month"
ExpiresByType application/javascript    "access 1 month"
ExpiresByType text/plain                "access 2 days"
</IfModule>
# Gzip compression
<IfModule mod_deflate.c>
# Active compression
SetOutputFilter DEFLATE
# Force deflate for mangled headers
<IfModule mod_setenvif.c>
<IfModule mod_headers.c>
SetEnvIfNoCase ^(Accept-EncodXng|X-cept-Encoding|X{15}|~{15}|-{15})$ ^((gzip|deflate)\s*,?\s*)+|[X~-]{4,13}$ HAVE_Accept-Encoding
RequestHeader append Accept-Encoding "gzip,deflate" env=HAVE_Accept-Encoding
# Don’t compress images and other uncompressible content
SetEnvIfNoCase Request_URI \
\.(?:gif|jpe?g|png|rar|zip|exe|flv|mov|wma|mp3|avi|swf|mp?g|mp4|webm|webp|pdf)$ no-gzip dont-vary
</IfModule>
</IfModule>
# Compress all output labeled with one of the following MIME-types
<IfModule mod_filter.c>
AddOutputFilterByType DEFLATE application/atom+xml \
                              application/javascript \
                              application/json \
                              application/rss+xml \
                              application/vnd.ms-fontobject \
                              application/x-font-ttf \
                              application/xhtml+xml \
                              application/xml \
                              font/opentype \
                              image/svg+xml \
                              image/x-icon \
                              text/css \
                              text/html \
                              text/plain \
                              text/x-component \
                              text/xml
</IfModule>
<IfModule mod_headers.c>
Header append Vary: Accept-Encoding
</IfModule>
</IfModule>
# END WP Rocket
# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>
# END WordPress
# BEGIN WP Performance Score Booster Settings
# END WP Performance Score Booster Settings
 
 
 
 

  查看全部
最近做了下自己负责的项目的优化,小有收获,不敢独享特拿来分享。
一.最重要的一点莫过于图片的压缩。
图片压缩基本分三步走:1.手动用photoshop压缩,快捷键Ctrl+alt +shift+s,即是保存为web格式。图片可以选择png或者jpg格式,对于那种应该选择哪种格式,度娘那里都有介绍,我就不多赘述。一般质量80%就可以满足需求了。2.将保存的图片通过第三方压缩网站再次压缩https://tinypng.com/   最后下载的图片大小即可上传到网站后台。3.通过wordpress后台安装的插件EWWW img optimizer再次压缩。
二.WP rocket 插件的设置。
这里要根据不同网站,设置成不同的数值,因为如果随便文件都压缩的话,可能导致网站出现乱码情况,所以调整的时候要随时观察站点页面。总之一句话:能压缩的都压缩,最大化压缩网站文件。不废话直接上图:
1.png

2.png

3.png

4.png

5.png

6.png

注意对于preload选项的设置,我在Prefetch DNS Requests设置了相应的资源之后,移动端的评分高达98分,所以这个挺关键的。
三.WordPress 设置浏览器端缓存,加快访问速度.
在网站根目录(即是服务器public_html文件夹下面) .htaccess 文件中添加以下代码:
#Expire Header
ExpiresActive on //开启缓存
ExpiresByType text/css "access 1 month"//css文件缓存1个月
ExpiresByType text/plain "access 2 days"//纯文本内容缓存2天
ExpiresByType text/html "access 2 days"//html文件缓存2天
ExpiresByType application/javascript "access 1 month"//JS文件缓存1个月
ExpiresByType image/jpeg "access 1 month"//jpeg图片缓存1个月
ExpiresByType image/x-icon "access 1 month"//icon缓存1个月
ExpiresByType image/gif "access 1 month"//gif图片缓存一个月
ExpiresByType image/png "access 1 month"//png图片缓存一个月
ExpiresByType image/ico "access 1 month"//ico缓存1个月
ExpiresByType application/pdf "access 1 month"//pdf文件缓存一个月
ExpiresByType application/x-shockwave-flash "access 1 month"//flash缓存一个月
ExpiresDefault "access 1 month"// 默认(未提及的可缓存文件)缓存1个月
 
 
当然具体code干货代码,我也私下保存了一份(复制在.htaccess文件里面):

# BEGIN WP Rocket v3.1.4
# Use UTF-8 encoding for anything served text/plain or text/html
AddDefaultCharset UTF-8
# Force UTF-8 for a number of file formats
<IfModule mod_mime.c>
AddCharset UTF-8 .atom .css .js .json .rss .vtt .xml
</IfModule>
# FileETag None is not enough for every server.
<IfModule mod_headers.c>
Header unset ETag
</IfModule>
# Since we’re sending far-future expires, we don’t need ETags for static content.
# developer.yahoo.com/performance/rules.html#etags
FileETag None
<IfModule mod_alias.c>
<FilesMatch "\.(html|htm|rtf|rtx|txt|xsd|xsl|xml)$">
<IfModule mod_headers.c>
Header set X-Powered-By "WP Rocket/3.1.4"
Header unset Pragma
Header append Cache-Control "public"
Header unset Last-Modified
</IfModule>
</FilesMatch>
<FilesMatch "\.(css|htc|js|asf|asx|wax|wmv|wmx|avi|bmp|class|divx|doc|docx|eot|exe|gif|gz|gzip|ico|jpg|jpeg|jpe|json|mdb|mid|midi|mov|qt|mp3|m4a|mp4|m4v|mpeg|mpg|mpe|mpp|otf|odb|odc|odf|odg|odp|ods|odt|ogg|pdf|png|pot|pps|ppt|pptx|ra|ram|svg|svgz|swf|tar|tif|tiff|ttf|ttc|wav|wma|wri|xla|xls|xlsx|xlt|xlw|zip)$">
<IfModule mod_headers.c>
Header unset Pragma
Header append Cache-Control "public"
</IfModule>
</FilesMatch>
</IfModule>
# Expires headers (for better cache control)
<IfModule mod_expires.c>
ExpiresActive on
# Perhaps better to whitelist expires rules? Perhaps.
ExpiresDefault                          "access 1 month"
# cache.appcache needs re-requests in FF 3.6 (thanks Remy ~Introducing HTML5)
ExpiresByType text/cache-manifest       "access plus 0 seconds"
# Your document html
ExpiresByType text/html                 "access 2 days"
# Data
ExpiresByType text/xml                  "access plus 0 seconds"
ExpiresByType application/xml           "access plus 0 seconds"
ExpiresByType application/json          "access plus 0 seconds"
# Feed
ExpiresByType application/rss+xml       "access plus 1 hour"
ExpiresByType application/atom+xml      "access plus 1 hour"
# Favicon (cannot be renamed)
ExpiresByType image/x-icon              "access 1 month"
# Media: images, video, audio
ExpiresByType image/gif                 "access 1 month"
ExpiresByType image/png                 "access 1 month"
ExpiresByType image/jpeg                "access 1 month"
ExpiresByType video/ogg                 "access plus 1 month"
ExpiresByType audio/ogg                 "access plus 1 month"
ExpiresByType video/mp4                 "access plus 1 month"
ExpiresByType video/webm                "access plus 1 month"
ExpiresByType image/ico                 "access 1 month"
# HTC files  (css3pie)
ExpiresByType text/x-component          "access plus 1 month"

# Webfonts
ExpiresByType application/x-font-ttf    "access plus 1 month"
ExpiresByType font/opentype             "access plus 1 month"
ExpiresByType application/x-font-woff   "access plus 1 month"
ExpiresByType application/x-font-woff2  "access plus 1 month"
ExpiresByType image/svg+xml             "access plus 1 month"
ExpiresByType application/vnd.ms-fontobject "access plus 1 month"
ExpiresByType application/pdf                 "access 1 month"
ExpiresByType application/x-shockwave-flash "access 1 month"
# CSS and JavaScript
ExpiresByType text/css                  "access 1 month"
ExpiresByType application/javascript    "access 1 month"
ExpiresByType text/plain                "access 2 days"
</IfModule>
# Gzip compression
<IfModule mod_deflate.c>
# Active compression
SetOutputFilter DEFLATE
# Force deflate for mangled headers
<IfModule mod_setenvif.c>
<IfModule mod_headers.c>
SetEnvIfNoCase ^(Accept-EncodXng|X-cept-Encoding|X{15}|~{15}|-{15})$ ^((gzip|deflate)\s*,?\s*)+|[X~-]{4,13}$ HAVE_Accept-Encoding
RequestHeader append Accept-Encoding "gzip,deflate" env=HAVE_Accept-Encoding
# Don’t compress images and other uncompressible content
SetEnvIfNoCase Request_URI \
\.(?:gif|jpe?g|png|rar|zip|exe|flv|mov|wma|mp3|avi|swf|mp?g|mp4|webm|webp|pdf)$ no-gzip dont-vary
</IfModule>
</IfModule>
# Compress all output labeled with one of the following MIME-types
<IfModule mod_filter.c>
AddOutputFilterByType DEFLATE application/atom+xml \
                              application/javascript \
                              application/json \
                              application/rss+xml \
                              application/vnd.ms-fontobject \
                              application/x-font-ttf \
                              application/xhtml+xml \
                              application/xml \
                              font/opentype \
                              image/svg+xml \
                              image/x-icon \
                              text/css \
                              text/html \
                              text/plain \
                              text/x-component \
                              text/xml
</IfModule>
<IfModule mod_headers.c>
Header append Vary: Accept-Encoding
</IfModule>
</IfModule>
# END WP Rocket
# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>
# END WordPress
# BEGIN WP Performance Score Booster Settings
# END WP Performance Score Booster Settings