如何优化程序提高运行速度
大家好! 今天,我们有一个来宾帖子,介绍有关如何加快网站速度的一些提示! 他目前正在一家电子商务网站上工作,他的任务之一是使网站快速加载。 因此,喜欢在下面阅读! 〜迈克
网站速度已成为诸如Google之类的搜索引擎的困扰,原因之一就是移动互联网浏览的快速增长。 如果您正在使用网络(开发人员,设计师,博客作者和学生),则现在必须具备快速加载网站的知识,并且我们今天的帖子将为您提供一些有关为什么以及如何实现它的想法。 。
1.0必须阅读Google的笔记
“加快网站的速度非常重要-不仅对网站所有者而言,而且对所有Internet用户而言。 速度更快的网站可以创造满意的用户,我们在内部研究中发现,当网站响应速度较慢时,访问者在此停留的时间就会减少。 但是,更快的网站不仅会改善用户体验; 最新数据显示,提高站点速度还可以降低运营成本 。 像我们一样,我们的用户在速度方面非常重视-这就是为什么我们决定在搜索排名中考虑网站速度的原因。 我们使用各种来源来确定一个站点相对于其他站点的速度。”
2.0网站速度和性能
- 2.1 Pagespeed Insights –分析网页的内容,然后生成建议以使该页面更快。
- 2.2 Pingdom网站速度测试 –最可靠的网站速度测试器之一,您可以测试页面的加载时间,对其进行分析并查找瓶颈。
- 2.3 Yslow –也是一个可以对网站进行评分并提供有关您网站效果的统计信息的插件。
- 2.4 GTmetrix –立即提供结果并建议您的网站进行必要的改进:
- 2.5 Weboptimization –分析并提供有关站点改进的详细建议以及您的网页速度报告。
3.0图像优化
- 3.1 Photoshop –保存照片时,选择“另存为Web和设备”选项(有关详细说明,请参见此处的Mike帖子 )。 将图片结果与原始尺寸进行比较; 另请参阅视觉质量是否发生了变化。 在我的示例图像中,这是我测试的结果。
- JPG,60质量– 32K
- PNG-8,256色– 37K
- GIF,256色– 42K
- PNG-24 – 146K
- 3.2 Yahoo Smush.It –“拖放或粘贴您的照片网址”。 这是一个“无损”工具,这意味着它可以在不改变外观或视觉质量的情况下优化图像。
- 3.3 图像优化器 –也是一个免费工具,可以批量压缩图像。
提示:裁剪图像的空白区域和其他不必要的像素以减小文件的大小。
4.0压缩HTML,CSS和JavaScript
- 4.1 HTMLCompressor –一个小的Java库,它通过删除不必要的字符和空格而不更改代码来最小化html和xml中的代码。
- 4.2 JSCompress –复制粘贴您JavaScript代码并在线压缩,以减少30%至90%不需要的字符或注释。
- 4.3 Prettydiff –在线缩小 ,美化和比较您的代码。 W3.org和Travelocity使用此工具。
- 4.4 MinifyCSS –具有CSS和javascript压缩工具 。 它可以帮助您清除和压缩代码,而无需操纵或安装其他应用程序。 复制粘贴并在线提交代码,然后立即获得相同的结果。
注意:如果您已经在使用gzip,则不需要使用上面推荐的某些工具。
5.0绩效最佳实践
- 5.1脚本
- 5.1.1脚本位置–始终将JavaScript放在HTML文档的末尾,通常放在</ body>标记的前面。
- 5.2缓存–缓存您的网页。 这对于电子商务网站和每天都有大量访问者的网站特别重要。
- 5.3注释框 –如果您使用注释框系统,请延迟加载它,以便仅在用户到达页面下部时才加载。
- 5.4 CDN(内容分发/交付网络)
- 5.4.1有些人可能不熟悉Google CDN,但花点时间学习并利用它们来使用托管库。
- 5.5使用HTML5代码为您提供更快的页面性能和集成解决方案
我们HTML5示例:
<!DOCTYPE html>
代替:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
注意:当我开始w3schools并提前学习html5 rock教程时,我最喜欢的网站是一些供您学习HTML5的教程。
6.0托管服务
检查您的托管服务是否为您提供最佳的托管解决方案和更好的Web性能。 您可以使用上述工具测试他们的网站。 共享主机通常是最糟糕的,特别是如果您的网站有很多访问者,则应该使用专用服务器。
谢谢大家阅读我的见解,希望您能掌握提高网站速度或项目的新技术。 让我们互相帮助,成为更好的设计师和开发人员。
翻译自: https://www.javacodegeeks.com/2013/11/how-to-optimize-your-website-for-speed.html
如何优化程序提高运行速度