欢迎您光临自学哈网,只为分享网络知识教程,供大家学习参考!

「自学哈网」如何删除WordPress网站静态资源URL地址的查询字符串

作者 : 自学哈 本文共1508个字,预计阅读时间需要4分钟 2022-09-22 共21人阅读
也想出现在这里? 联系我们

当谈及WordPress性能的时候,静态资源URL地址的查询字符串问题必不可少。网站的CSS和JavaScript文件通常在其网址的末尾带有文件版本,例如domain.com/style.css?ver=4.6。某些服务器和代理服务器无法缓存查询字符串,即时存在cache-control:public标头。

删除它们,有时可以改善缓存。这也将修复您可能在GTMetrix和Pingdom等网站性能测试工具看到的警告,即“从静态资源中删除查询字符串”。

remove-query-strings-from-static-resources-2-1024x335-1

从静态资源中删除查询字符串

请记住,设置查询字符串通常是有原因的。WordPress开发人员使用文件版本控制来解决缓存问题。例如,如果他们为style.css更新了一个版本,从?ver=4.6迭代至?ver=4.7,则它将被视为全新的URL,并且不会被缓存。如果删除查询字符串并更新插件,则可能导致浏览器继续使用缓存的版本。在某些情况下,这可能会影响到页面的外观,直到缓存资源过期或缓存完全刷新为止。

查询字符串还用于开发工作流程中,以便于开发跟踪版本。

删除静态资源URL地址查询字符串

您可以通过两种不同的方式删除查询字符串,一种是使用少量代码,另一种是使用WordPress插件。

使用代码从静态资源中删除查询字符串
使用插件从静态资源中删除查询字符串

1.使用代码从静态资源中删除查询字符串

您可以通过几行代码即可删除静态资源URL地址的查询字符串。只需将以下内容添加到WordPress主题的functions.php文件中即可。

function remove_query_strings() {

if(!is_admin()) {

add_filter(‘script_loader_src’, ‘remove_query_strings_split’, 15);

add_filter(‘style_loader_src’, ‘remove_query_strings_split’, 15);

}

}

function remove_query_strings_split($src){

$output = preg_split(“/(&ver|\\?ver)/”, $src);

return $output[0];

}

add_action(‘init’, ‘remove_query_strings’);

重要提示:  如果操作不正确,编辑WordPress主题源代码可能会影响网站运行。如果你对代码不熟悉,建议找开发代劳。或者,也可以利用免费的Code Snippets插件,支持以插件的方式添加上面的代码,你又不必担心添加代码会使网站瘫痪,相对保险很多。

只需创建一个新代码段并添加上面的代码即可。选择“仅在站点前端运行”,然后保存代码段。查询字符串就会被删除!可能需要清除WordPress网站缓存,才能看到更改在前端生效。

remove-query-strings-code-snippet-1024x614-1

删除查询字符串代码段

带查询字符串(代码前)
这是一个使用查询字符串加载脚本的示例。

query-strings-1024x442-1

带查询字符串的请求

没有查询字符串(代码后)
这是删除查询字符串后的脚本示例。

no-query-strings-1024x447-1

没有查询字符串的请求

2.使用插件删除静态资源URL地址查询字符串

如果你不想操作代码,另外一个替代方法是使用WordPress插件。通过安装启用Perfmatters插件,你只需要单击按钮即可实现一键删除静态资源URL地址的查询字符串。当然除了该功能,插件还可以帮助你实现WordPress网站其他优化。

perfmatters-remove-query-strings-1-1024x663-1

使用Perfmatters插件删除查询字符串

没有更多的查询字符串

通过以上任一选项后,再使用GTMetrix或Pingdom等网站速度测试工具对网站执行测试,有关查询字符串的警告就完全消失了。

remove-query-strings-from-static-resources-warning-1

修复“删除静态资源警查询字符串”警告

自学哈专注于免费提供最新的分享知识、网络教程、网络技术的资源分享平台,好资源不私藏,大家一起分享!
自学哈网 » 「自学哈网」如何删除WordPress网站静态资源URL地址的查询字符串
也想出现在这里? 联系我们
© 2022 Theme by - 自学哈网 & WordPress Theme. All rights reserved 浙ICP备2022016594号