您现在的位置是:主页 > 网站建设 > 网站建设

石家庄网络公司:十种 上海网站优化方法来改善你的网页性能

邢台网站优化h-5321用户体验(22)UEO(3)网页性能(1)网页质量(1)人已围观

简介UEO的主要针对是用户,要想做好UEO改善网页质量性能很关键。而我知道改善网页性能方法很多,根据方法的不同我们

UEO的主要针对是用户,要想做好UEO改善网页质量性能很关键。而我知道改善网页性能方法很多,根据方法的不同我们做针对的工作方面也是不同的。邢台网站建设从外文站中获得了一些关于改选网页性能的方法,今天借此平台分享给大家。

在不同的改善网页性能的方法中,不论你选择怎样的方式,其中有三个方面的工作是必须的:硬件(web服务器),服务器端脚本优化(PHP,Python,Java)和前端性能网页。而本文中最为主要关注点则是前端性能,因为它是最简单的工作,为你提供你最便利的方式。

为什么专注于前端性能?

前端(如HTML、CSS、JavaScript和图像)是最可访问你的网站的一部分。如果你在一个共享机托管计划,你可能没有根(或root-like)访问服务器,因此不能调整,调整服务器设置。即使你有正确的权限,web服务器和数据库工程需要专业知识来给你任何直接的益处。

讨论的最前端优化可以在没有其他成本,但你的时间。它不仅是便宜的,但它是最好的利用你的时间,因为前端性能负责非常大的一部分一个网站的响应时间。考虑到这一点,这里有一些简单的方法来提高你的网站的速度。

1、配置你的网页找到罪魁祸首。

石家庄网络公司:十种
上海网站优化方法来改善你的网页性能

web页面是有用的资料找到组件,您不需要或组件,可以优化。配置一个web页面通常涉及等工具Firebug确定哪些组件(如图像、CSS文件、HTML文档和JavaScript文件)被要求的用户,组件需要多长时间来加载,它有多大。一般的经验法则是,你应该保持你的页面组件尽可能小。

Firebug的净选项卡可以帮助你追捕巨大的沼泽下来你的网站的文件。在上面的示例中,您可以看到,它给你一个分解呈现web页面所需的所有组件,包括:它是什么,它在哪里,它有多大,多长时间来加载。网上有很多工具帮助您配置您的web页面,查看本指南对于更多的工具,您可以使用。

2、以正确的格式保存图像减少文件大小。

以正确的格式保存图像减少文件大小

如果你有很多的图片,要了解每个图像的最佳格式。有三种常见的web图像文件格式:JPEG、GIF和PNG。在一般情况下,您应该使用JPEG对于现实的照片与平滑渐变和色调。您应该使用GIF或PNG图片是单色(如图表和标识)。GIF和PNG是相似的,但PNG通常产生一个较低的文件大小。读编码恐怖的使用PNG的GIF的称重。

3、贬低你的CSS和JavaScript文件保存几个字节。

缩小就是删除不必要的字符的过程(如标签、空间、源代码注释)从源代码到减少文件大小。例如:这种卡盘的CSS“

.some-class {
                            color: #ffffff;
                            line-height: 20px;
                            font-size: 9px;
                            }
    可以转换为:

.some-class{color:#fff;line-height:20px;font-size:9px;}它会很好地工作。

不要担心—你不必手动格式化代码。有大量的免费工具可用手头缩减您的CSS和JavaScript文件。

CSS,你可以找到一群从这个易于使用的工具CSS优化工具列表。

JavaScript,一些流行的缩小选项可以,YUI压缩机,JavaScript代码改进剂。一个好的minifying应用程序使您能够扭转缩小,当你在发展。或者,您可以使用一个浏览器工具像Firebug查看代码的格式化后的版本。

4、结合CSS和JavaScript文件,以减少HTTP请求。

为每一个组件的需要呈现一个网页,一个HTTP请求创建到服务器。所以,如果你有五个CSS文件的web页面,您将需要至少五个单独的HTTP GET请求特定的web页面。通过结合文件,减少HTTP请求开销需要生成一个web页面。

看看尼尔斯Leenheer如何的文章结合使用PHP的CSS和javascript文件(可以适应其他语言)。SitePoint讨论类似的方法捆绑你的CSS和JavaScript;他们可以刮掉1.6秒响应时间,从而减少76%的原始时间的响应时间。否则,你可以结合你的CSS和JavaScript文件使用好,旧的复制粘贴操作。

很赞哦! ()

文章评论

站点信息

  • 建站时间:2018年04月24日
  • 微信公众号:扫描二维码,关注我们
  • 站点地图:xml地图/html地图