瀑布流组件
「模板」自适应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，猎豹，遨游等主流浏览器
通过减少未使用的JavaScript来加速WordPress网站
不少站长在使用WordPress网站的时候会发现搭载了非常多的JavaScript文件，也就是我们俗称的JS脚本，但是加载多了，网站速度就变得很慢。可以通过减少未使用的JavaScript来加速WordPress网站。在这篇文章中，搬主题将介绍如何减少未使用的JavaScript，这将最终有助于网站的快速加载。
原文链接：通过减少未使用的JavaScript来加速WordPress网站 - 搬主题
谈到未使用的JavaScript，事情是很直接的：你的WordPress网站包含的不需要的代码越多，网站加载的时间就越长。没有人喜欢经历缓慢的网站性能及其后续影响，因此，了解如何识别和摆脱网站中未使用的JavaScript文件是至关重要的。
什么是JavaScript？JavaScript是一种编程语言，可以让你做几乎所有事情，包括创建动态更新的内容和管理多媒体。用几行JavaScript代码就能完成的事情是非常了不起的（好吧，也许不是一切）。
通过文档对象模型API，JavaScript经常被用来动态地编辑HTML和CSS，以刷新用户体验。请记住，你的WordPress网页的代码通常是按照它在页面上出现的顺序加载和运行的。如果JavaScript在它要改变的HTML和CSS之前被加载和运行，可能会发生错误。
什么是未使用的JavaScript？未使用的JavaScript文件是渲染或加载和显示页面主要内容时不需要的资源。它们不属于应该首先呈现的材料，或所谓的 "折叠上方 "内容。只有必要的资源，主要是HTML代码，应该被浏览器分析和渲染，以加快页面加载速度。
尽管仍在代码中，但它们已不再被利用。它们根本没有任何作用。
为什么要减少JavaScript的使用？你的WordPress网站的效率和用户体验可能会受到未使用的JavaScript文件的严重影响。首次输入延迟（FID）是核心Web Vitals衡量标准之一，是有问题的主要指标。
首次输入延迟（FID）只能在现场计算，因为它通过考虑用户互动来衡量页面的响应能力。而作为Lighthouse基于用户互动来衡量页面的互动性的统计指标，总阻塞时间（TBT）已经取代了FID的位置。
未使用的JavaScripts的类型以下两种形式的未使用的JavaScript是：
非关键性的JavaScript。它被用在其他地方，但没有被用于页面顶部的材料。废弃的JavaScript。它不再被使用了。可能有一些页面的早期迭代的片段不再被链接，或者只是短暂地被利用。含有未使用的JavaScript的坏处未使用的JavaScript对网站的性能有负面的影响，表现为页面加载时间的延迟。网站的可用性和它在SERP中的表现如何，直接受到网站速度的影响，这是一个关键因素。如果一个网站加载缓慢，用户离开并访问另一个网站的可能性就会增加；由此产生的跳出率是一个强有力的SEO指标，会降低网站的搜索引擎结果。
这个问题更多的是消费者如何看待一个网站的加载时间，而不是它的实际加载时间。你应该努力确保网站一开始只加载那些网站可用的必要脚本，之后就可以加载其他的脚本，因为浏览器会试图同时加载所有的东西，包括未使用的脚本。
减少未使用的JavaScript的益处不言而喻，浏览器下载、制作和执行一个有更多JavaScript代码的页面所需的时间就越长。此外，那些甚至没有被利用的JavaScript也会受到影响。如果页面上有JavaScript，浏览器将不得不花费时间和资源来处理它。这凸显了日常代码审查和优化工作的必要性。
你的移动用户也从代码优化中受益。你可以通过减少对浏览器处理JavaScript的依赖来减少对带宽的需求。为了防止页面加载过程被推迟到超过必要的时间，你应该能够区分你的重要JavaScript和非必要的JavaScript。
如何减少未使用的JavaScript？这里搬主题将介绍如何使用GTMetrix识别大型的JavaScript文件，然后将讨论如何减少未使用的Javascript。
使用GTMetrix来寻找最大的JavaScript文件利用GTmetrix的瀑布图来确定你最大的JavaScript文件。进入GTMetrix网站，输入你的网站的URL，点击测试你的网站
一旦显示结果，点击瀑布标签 点击JS，你就可以看到按JavaScript文件大小升序排列的文件。通常情况下，URL会显示它的来源。要查看你所有的JavaScript文件，请使用类型过滤器。你也可以查看使用情况的可视化，看看总的和未使用的字节数。
最小化JavaScript对JavaScript进行最小化，可以将你的代码中不相干的字符剥离出来。在你的源代码中找到有问题的文件，然后将它们从最小化中排除，如果这损害了你的网站。
你可以使用LiteSpeed Cache插件轻松地做到这一点，搬主题也是这样进行了设置。
转到WordPress仪表板
从左侧菜单中点击LiteSpeed Cache -> 页面优化
从顶部点击JS设置，打开JS最小化，点击保存更改。这将使你所有的JavaScript文件和代码最小化。
删除Elementor中未使用的JavaScript通过动态加载部件JS处理程序和Swiper，只有当它们真正被使用时，这可以最大限度地减少Elementor的JavaScript文件。
关于Elementor插件，可以下载本站推荐的Elementor Pro中文汉化插件【Elementor Pro 3.7.3+Elementor 3.6.8完美汉化中文版（含全套模板）|可视化编辑页面自定义设计WordPress插件】
转到WordPress仪表板
从左边的菜单中点击 Elementor -> 设置
点击顶栏中的 "实验"选项卡，将 "改进的资产加载"部分的状态改为 "激活"。 向下滚动并点击 "保存更改"。 推迟或推迟非必要的JavaScript转到WordPress仪表板 点击左侧菜单中的插件->安装插件 搜索Async JavaScript。 安装和激活 从左手边的菜单中进入设置->异步JavaScript 在顶栏的设置标签中。单击 "应用推迟"。 向下滚动并点击 "保存更改"。 用资产卸载插件删除未使用的JavaScript当特定的文件或插件不需要在网站上加载时，Asset CleanUp插件可以让你禁用不需要的JavaScript。
关于Asset CleanUp插件，可以下载本站推荐的Asset CleanUp中文汉化插件【Asset CleanUp Pro 1.2.1.3汉化中文版|网站CSS+JS压缩页面优化加速WordPress插件】
转到WordPress仪表板
点击左侧菜单中的插件->安装插件 搜索 "Asset CleanUp"。安装和激活 从左侧菜单中点击Asset CleanUp->设置 从左手菜单中点击测试模式，并点击启用测试模式的切换键，将其打开。 向下滚动并点击更新所有设置· 现在点击左手菜单中的优化JavaScript，并打开将加载的JS合并到更少的文件中。 向下滚动并点击更新所有设置 禁用未使用的插件模块转到WordPress仪表板 点击左侧菜单中的插件->安装插件 搜索RankMath。安装并激活该插件 点击左侧菜单中的RankMath -> Dashboard 从顶栏点击模块，关闭任何未使用的模块的开关。 最后总结没有被使用的JavaScript会使你的网站加载时间更长，因为浏览器必须下载、解析、编译和评估这些无意义的脚本。它使用了更多的流量数据，减缓了渲染参数。这对网站的性能有影响，并最终降低了用户体验。
因此，通过最小化这些脚本，你可能使你的WordPress网站加载更快，并改善其整体功能。
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提速优化，有兴趣的同学可以私信我哈~）