瀑布流技术百度百科
「模板」自适应wordpress瀑布流手机Loostrive (1.3.2)
Loostrive主题是洛米基于原Loome_binhow2主题的样式重新制作的一款功能更加强大的杂志类中文主题。 主题从制作到测试完毕,耗时两个月,使用grid网格系统重新编写主题样式,使主题支持各种终端设备;重新编写php代码, 优化代码结构,更利于seo;采用weisay的后台主题框架,让主题功能更强大,操作更简单。
主题获取:个人头像下方 - 素材下载
特点:
responsive 响应式主题,支持多种移动设备
Grid网格流体式布局
五种风格样式
三个自定义菜单
文章列表缩略图高度自动适应
灵活的首页布局
可自定义背景图片
内置文章幻灯
内置五个定义样式的小工具
内置五个单独页面模版
文章图片自动增加lightbox效果
内置PostViews,可保留原PostViews插件数据
使用ajax评论回复
独特的评论框样式
可限制评论内容字数
内置百度分享
永久免费升级
兼容性:ie8,ie9,ie10,chrome,friefox,safari,360,猎豹,遨游等主流浏览器
WordPress网站速度优化指南
使用Wordpress搭建的网站普遍打开速度太慢,针于SEO来讲提升网站打开速度才能获得好的体验。如何提升Wordpress网站打开速度,让WP博客程序实现速度秒开,经过研究实践终于突破了速度这一难题。
要提升Wordpress速度需要结合多方面来进行操作,可针对以下几个方面对速度进行提升。
一,服务器性能服务器整体配置不同,发挥的性能也不同,低内存CPU速度肯定没有大内存多核CPU和高速度有优势。比如1G+1核CPU+1M怎么优化也不可能超过2G+4核CPU+2M的服务器配置。
注:服务器配置越高所需费用支付就高,现今各大云服务器厂商都可以随时进行配置升级,可以根据服务器性能选择提升配置或降低配置。
二,WEB运行环境采用新版本的PHP环境支持性能上优先于低版本的PHP,采用PHP7+版本要比PHP5左右速度上更有优势。
MYsql数据库也一样,高版本要优于旧版本,在WEB环境配置时应该优先使用新版本。能够在速度上更胜一筹。(图为 服务器Web环境组件版本)
目前大多数虚拟主机都支持PHP7,PHP7.1,PHP7.3等,在购买主机产品时优先选择;服务器的话是需要自行配置WEB环境,建议配置成高版本WEB环境,根据自己的程序支持情况自行配置,不懂的同学可以请专业服务器运维技术人员代为配置。(图为 万网独享云虚拟主机配置清单)
注:有些网站程序不支持高版本,请咨询你的建站开发人员了解兼容情况。
三,CDN节点加速CDN的全称是Content Delivery Network,即内容分发网络。通过将站点内容发布至遍布全国的海量加速节点,使其用户可就近获取所需内容,避免网络拥堵、地域、运营商等因素带来的访问延迟问题,有效提升下载速度、降低响应时间,提供流畅的用户体验。
我们的网站存储地点就是在服务器所处的位置,由于线路问题,导致访问速度不理想。如果通过CDN的话,访问采用的是就近原则。因为它把网站的内容临时存储到就近的CDN服务商的服务器上。过CDN大部分都是收费的,特别是分布点比较多的CDN。而且国内网站要想使用CDN服务,需要网站备案。目前各大服务器运营商都有CDN速度服务,根据需求选择适合的CDN加速服务。
我来通俗一点的解释,当您的网站使用了 CDN 加速之后,就相当于把你的网站内容复制到全国分布极广的 CDN 节点上。CDN 节点你可以理解为一台服务器,全中国有数百上千这样的节点,每个节点都保存了一份你的网站内容。当访客访问你的网站时,CDN 网络会自动把离访客最近的服务器上你的网站内容发送给他。这样访客的访问速度就会很快。
CDN 还有一个好处是,减轻自己服务器的负担。因为访客访问的是 CDN 的服务器,并不是直接访问网站源服务器,所以并不会消耗服务器的资源。
知名的有百度云加速,阿里云CDN,腾讯云CDN,七牛云存储,又拍云 等等。
四,开启网页Gzip压缩GZIP的作用就是把网页进行压缩传输,GZIP能将我们的网页内容压缩体积后再传给用户。Gzip开启以后会将输出到用户浏览器的数据进行压缩的处理,这样就会减小通过网络传输的数据量,提高浏览的速度。
例如,我SEO博客网页原始文件大小91688 字节,压缩后文件大小18213 字节,压缩率(估计值)80.14%,开启GZIP压缩明显网页加载速度更快了。
GZIP工具检测地址:?q=www.ainiseo.com
五,使用缓存插件缓存插件是提升 WordPress 网站速度的一把利器,效果立竿见影。缓存插件除了加速外,还能减轻服务器负担,节省资源,必备良药!
WordPress 最知名的免费缓存插件有两个:WP Super Cache 和 W3 Total Cache。
1,WP Super Cache
这里推荐大家使用 WP Super Cache,因为它是最多人使用和稳定、设置简单。理论上 W3 Total Cache 比 WP Super Cache 更强大,但是设置非常复杂,一不小心设置出错还可能导致 WP 崩溃。其实缓存的原理大同小异,我们实在没必要为了优化最后的 1% 而浪费时间和冒风险。
WP Super Cache 的安装和使用非常简单。在 WordPress 后台点击插件 → 安装插件,搜索 WP Super Cache 安装即可。安装后进入插件设置,点击「启用缓存功能 (推荐)」,然后点击更新,WP Super Cache 就会自动运行了。WP Super Cache 的设置主要关注是「到期时间和垃圾回收器」,根据自己实际情况和插件的建议来调整一下就行了。然后高级选项卡里面的推荐选项全打钩。设置就基本完成了。
2,WP Rocket
我有一个网站,在使用 WP Super Cache 的时候发生了一个问题,就是在测试缓存的时候,一直无法通过,总提示时间戳对不上,导致只能应用 WP Cache 而不是 Super Cache(这个可以在内容选项卡看到)。这说明 WP Super Cache 的兼容性还不是很好。这个问题一直无法解决让我很不爽,然后使用了百度大法后发现,原来 WP 有一个更厉害的收费缓存插件:WP Rocket。
六,WP代码优化说了一大堆服务器性能优化,再来说说WordPress自身的优化,由于WP程序是国外开发的,在国内使用难免会变慢。因为它使用谷歌公共库及谷歌字体故,由于被墙,在国内无法访问,所以我们需要把谷歌的东西去掉。
还有一些国外的调用,比如GA代码,GG字体引用,海外的分享链接等等,国内使用不到可以直接屏蔽掉。
测试网站在全国的打开速度可以使用站长工具PING 域名,通过不同地区的延迟和颜色区别,了解自己的网站速度加载情况。
站长工具PING检测工具:
最后,关于WordPress网站慢的问题涉及到多方面,可以通过上面六个方面解决。如果还有什么好的建议或不明白的地方可以留言。当然我也提供优化方面的服务,让你的WP网站实现秒开,减少不必要的加载请求。(下图为 chrome浏览器网页速度加载)
请求资源面板解读
Name 资源名称,点击名称可以查看资源的详情情况,包括Headers、Preview、Response、Cookies、Timing。
Status HTTP状态码。
Type 请求的资源MIME类型。
Initiator 标记请求是由哪个对象或进程发起的(请求源)。
Size 从服务器下载的文件和请求的资源大小。如果是从缓存中取得的资源则该列会显示(from cache)
Time 请求或下载的时间,从发起Request到获取到Response所用的总时间。
Watefall显示所有网络请求的可视化瀑布流(时间状态轴),点击时间轴,可以查看该请求的详细信息,点击列头则可以根据指定的字段可以排序。
总之时间越少表示加载请求越快,大家可以自行查看自己的网站加载细节。
天下网站唯快不破,是时候为你的网站提速了!(PS:无忧锅也可为你进行WP提速优化,有兴趣的同学可以私信我哈~)
33个免费且非常实用的WordPress插件
1.WP-PostViews - 统计页面浏览量
2.WP ULike - 为文章增加点赞功能按钮
3.Embed Any Document - 在页面嵌入文档
4.Contact Form 7 和 Contact Form CFDB7 - 在页面嵌入表单
5.Favicon Rotator - 为站点添加favicon小图标
6.All-in-One WP Migration – 整站数据迁移
7.Anti-Spam by CleanTalk – 屏蔽垃圾评论
8.Reveal Template – 显示当前页面具体哪个后台文件
9.Front Page Category – 让首页只显示制定目录的文章
10.Stealth Login Page – 屏蔽远程机器登录
11.Insert HTML Snippet – 创建html代码,用shortcode来调用执行
12.Insert PHP Code Snippet – 创建php代码,用shortcode来调用执行
13.WP Crontrol – 查看创建Cron Job
14.iThemes Security – 安全工具,比如登录超过尝试次数加入黑名单
15.Sucuri Security – 安全工具,比如查看增加或篡改的核心文件
16.batch-move – 批量调整文章的分类
17.Bulk Delete – 批量删除文章,按分类,按Tag,按文章状态
18.Broken Link Checker – 查看失效的链接
19.Captcha by BestWebSoft – 表单提交验证码
20.Ajax Load More – 瀑布流分批加载
21.Autoset Featured Image – 自动设置文章首图为特色图
22.Auto Upload Images – 自动下载外链图片到本地
23.Google XML Sitemap Generator – 生成Sitemap
24.zhanzhangb-baidu-submit - 向百度搜索引擎推送新文章
25.Media Tools – 下载外链图片到本地
26.NK Google Analytics – 加GA跟踪代码
27.Pin It Button for Pinterest – 鼠标移到图上出现pin it按钮
28.WPFront Scroll Top – 回到顶部
29.WP-PostViews – 统计文章/页面的被浏览次数
30.WP No External Links – 为外链设置no follow
31.缩略图插件 WP-Thumbnails – 图片形式展示历史文章,可按分类,按时间,或随机
32.Disable Google Fonts – 禁止调用google字体
33.WP Chinese Conversion – 简体繁体转换
备注:如非必要,少装插件!!!插件安装得越多,站点潜在的风险也越大。