".extra-menu { background-color: #f3f3f3; padding: 20px; } .extra-menu .extra-menu-h { height: 36px; } .extra-menu .extra-menu-h h3 { display:inline-block; } .extra-menu ul a{ text-decoration: none; } .extra-menu .menu-child { text-indent: 4em; } .extra-menu .menu-child:before { left: 4em; } .extra-menu .extra-menu-h h3 { line-height: 36px; } .collapse-toggle { float: right; cursor: pointer; user-select: none; display: inline-flex; align-items: center; font-size: 14px; } .collapse-toggle img { width: 30%; transform: rotate(180deg); } .collapse-content { margin-bottom: 0px !important; margin-top: 20px !important; overflow: hidden; max-height: 0; transition: max-height 0.3s ease-out; } .collapse-content.expanded { max-height: 1000px; /\* 设置一个足够大的值,确保内容可以完全展开 \*/ } .ph-id { position: relative; top: -90px; } jQuery(document).ready(function( $ ) { $('.collapse-toggle').on('click',function(){ var content = document.querySelector('.collapse-content'); content.classList.toggle('expanded'); if (content.classList.contains('expanded')) { $(this).find('div').text('收起'); $(this).find('img').css('transform','rotate(180deg)'); } else { $(this).find('div').text('展开'); $(this).find('img').css('transform','rotate(0deg)'); } }) })
[Hostinger](/#)目前主要提供虚拟主机(Web Hosting)、云主机、[WordPress主机](https://www.idcspy.com/wordpress-hosting.html "WordPress主机")等产品服务,适合搭建不同规模的网站。利用Hostinger主机建站后,您可以使用其hPanel面板附带的测速工具,查看网站速度,并针对性做好网站性能优化,提升用户体验。
1、例如,您可以使用Hostinger[美国虚拟主机](/#)来搭建外贸网站,建站后可通过访问hPanel面板来管理站点、数据库、FTP等。在hPanel面板中,依次选择Hosting → Manage → Page Speed,对网页进行性能评估。
![](https://www.idcspy.com/wp-content/uploads/2022/09/web-2.jpg)
PageSpeed Insights是一款旨在优化所有设备上的网页、提高网页加载速度的工具。它能够针对移动设备和桌面设备生成网页的实际性能报告,并提供关于如何改进相应网页的建议,非常实用。
2、进入Page Speed页面,您可以选择想要运行测试的网站及设备类型(支持desktop、mobile),设置好后,点击Analyze按钮,系统将会开始分析网站性能如何,生成相关报告。
![](https://www.idcspy.com/wp-content/uploads/2022/09/web1-1.jpg)
3、Page Speed生成的报告页面主要包括Results、Diagnostics、Past results三个部分。Results提供了您的网站的速度总体得分,以及由PageSpeed Insights分析的方面的结果。
![](https://www.idcspy.com/wp-content/uploads/2022/09/al-1.jpg)
Diagnostics将更详细地介绍结果。它还将包含有用的文章和指南,以便帮助您提高网站的速度!您可以点击每个项目的描述和链接,了解更多信息。
![](https://www.idcspy.com/wp-content/uploads/2022/09/al1.jpg)
Past results则包含了之前的网站性能测试结果。
![](https://www.idcspy.com/wp-content/uploads/2022/09/al2.jpg)"
松果号 作者:松果号原创文章,如若转载,请注明出处:https://www.6480i.com/archives/103346.html