当前位置:380元网站建设 虎网站 > 常见问题 > 正文

提升移动端网站打开速度的几个方法

发布日期:2018-08-15
你最近做过移动速度测试吗?你的网站排名如何?一个缓慢的网站会让手机用户望而却步。理想情况下,您希望您的设计能够像在Wi-Fi上的桌面用户一样,在手机上快速加载4G用户。(这是一个相当大的要求,但有些事情你可以做到。)

首先,测试你的移动速度。然后使用这些技巧来提高你的性能,让更多的用户在你的网站上停留更长时间。


1、优化图片
网站速度最大的问题之一是图像大小。图像实际上可以占到页面上下载数据的大部分,通过正确格式化和保存图像,您可以大大减少提供这些信息所需的字节数。
优化图像最简单的方法是在上传前使用它们。在将图像添加到内容管理系统之前,将其裁剪到所需的大小并保存到web。然后压缩图像,使文件大小尽可能小。

我们有一个最好的图像压缩工具的伟大总结在这里。他们可以帮助你优化你的图像之前,你上传。


2、托管事宜
最便宜的托管计划并不适用于所有的网站。缓慢的托管是一个经常被隐藏的问题,对于那些随着时间的推移稳步增长,但没有提高其托管计划的网站来说是很常见的。
要确保您的托管计划是为速度而构建的,请选择专用的服务器选项。如果您需要一些更经济实惠的东西,下一个最好的选择是VPS托管,您已经与专用服务器资源共享了托管。
然后,考虑一下像视频内容这样的负载杀手。如果可能的话,使用外部工具来托管这些文件。像YouTube这样的服务就是完美的。(这可能是你已经在做的事情。)本质上,您可以在这些文件的本地位置链接到它们,而不是将它们添加到站点文件中。

3、注意JS
JavaScript提供了很多很酷的效果和网站上发生的事情。没有什么办法可以避开它。
注意你如何使用JavaScript,它不会减慢你的网站为移动用户。
将JavaScript放在文件的底部:当JavaScript加载时,浏览器不会加载其他元素。如果可以的话,将JS脚本移到页面底部来解决这个问题。通过这种方式,HTML内容首先呈现,您可以使用视觉提示让用户知道更多的数据即将到来,如果需要的话。
优化和缩小:更小的文件加载速度更快。不要忘记这也适用于代码。

使用异步JavaScript:选择异步JS加载,直到第一次呈现所有非关键元素。这允许脚本同时加载,而不是逐个加载。


4、使用延迟加载
从逻辑上讲,从上到下加载内容是有意义的,对吧?
延迟加载允许先加载屏幕上的内容,然后再加载其他内容。(在速度和搜索引擎优化方面,谷歌喜欢这个选项。)

有很多WordPress插件可以帮助你做到这一点,它们非常简单,而且非常轻量级。尝试一些像慢负载或WP火箭。


5、利用缓存
缓存允许浏览器在用户设备上存储经常被请求的文件一段时间。当启用缓存时,后续页面加载将更加高效。
启用缓存是提高页面速度最推荐的选项之一。用户会感谢你的。

6、减少重定向
你知道你的网站有多少重定向吗?虽然重定向有很多好处,但是它们会减慢站点的速度。当涉及到重定向时,最好的建议是消除不必要的重定向。
速度最快的是301重定向,它将用户从一个过时的页面转移到一个新版本。想想你的内容,如果这个动作仍然是必要的。可能需要进行重定向审计。

Varvy的重定向映射器可以帮助你确定从哪里开始。


7、尝试加速移动页面
加速移动页面是一个开源的模仿谷歌,旨在创建页面加载快速移动设备。
创建AMP版本的着陆页,以充分利用该技术。这些页面使用AMP HTML格式和AMP JavaScript,对于做大量在线广告或将用户发送到特定位置的网站来说,这是一个理想的解决方案。
最大的好处是AMP页面几乎可以立即加载。缺点是后端需要做更多的工作。

有很多关于AMP项目的信息。


8、删除抽头延迟
你有没有注意到,当你点击某样东西时和移动设备上的动作发生之间会有一点延迟?这种延迟最初是为了让设备更容易识别双击。(这个功能已经过时了)
这是修复,把它放在页眉。
谷歌的杰克·阿奇博尔德谈到了这个简单的变化:“性能差异非常大!拥有一个即时响应的UI意味着用户可以自信地快速按下每个按钮,而不是停下来等待响应。

9、考虑先进的Web应用程序
如果你的网站有大量的互动内容和动态功能,一个进步的网络应用程序可能是解决方案。
PWAs是像应用程序一样工作的网站(但没有下载)。
PWAs的优点是它们可以像网站一样搜索,不需要安装或更新。它们也倾向于离线工作,允许推送通知,而且由于使用了缓存方法,它们的速度非常快。
棘手的部分是,这是一个只有开发人员的选择,而不是一个开始网站建设者。但是,如果你的网站需要的内容总是在变化,而且不像它应该的那样快,那绝对值得一看。

不相信吗?玩一些有趣的渐进式网络应用程序。


10、删除这些插件
插件在创建网站功能方面有很多价值。但是由于它们很容易找到和安装,许多网站都有大量未使用的插件在后台运行。
这就增加了设计的权重和代码。这是用户在看到设计之前必须下载的东西。它会让你的网站慢下来。
当涉及到插件时,只保留你需要的和实际使用的。关闭和删除所有其他内容。然后确保你正在更新插件。过时、不支持或配置错误的插件是速度杀手。
考虑一下做同样事情的插件——阅读带有更新的描述和文档——在这里去掉冗余。
最后,去掉可以手动完成的插件(字体安装、头标签插入、分析等等)。

美国离马尔代夫的距离 马尔代夫在地图的哪个位置?

    马尔代夫的总人口是多少? 马尔代夫目前人口是441223人。马尔代夫正式名为马尔代夫共和国和被称作马尔代夫群岛,是一个岛国,位于印度洋-阿拉伯海区域。该国由位于印度西南250英里处的查戈斯群岛和米尼科伊岛之间的27个环礁岛组成。2018年,马尔代夫人口估计为444259人,居世界第175位。是亚洲最小的国家。 马最多的国家排名? 统计数据显示,2020年初,美国是马匹数量最多的国家之一,全美马匹数...

       龙岗位杰科技LED屏和虎网站签下网站建设事宜 位杰科技处于深圳市龙岗区坂田上雪科技园办公楼b栋703。位杰科技选用虎网站企业商务型网站案例,其功能具备实用型所有配置外、特别值得关注的是增设了SEO深度优化,不管是内页还是标题都能够独立和个性化设置关键词和长尾词,更适合进行全站seo优化。位杰科技是经深圳市龙岗区工商局审核的正规企业,统一社会信用代码:91440300071759823M。   位杰创立于2013年是一家专业从事室内、室外表贴全...

       简洁网页设计技巧 简洁干净的网页更能获得用户的欢迎,但是简洁不仅仅说是简单,而是在保持网站简洁外观的同时,添加其他元素加以设计,比较突出网站的特性。那怎样做到这一点呢?通过本文你能从中学到一些经验总结。 洁净和一尘不染之间是并不能划等号的。去掉了不需要内容的设计看起来外形美观,直观地,让人心旷神怡,尤其是对 网页设计 领域更甚。设计人员在网站设计过程中,时常会遇到过度设计的例子。保持审美需求和现实情况需求之间的平衡...

        优秀网站建设就是简约的代表 现在的企业官网,企业们需要的两个元素就是简约和易懂,虽说不一定适用于所有行业类型,但作为一个当前用户比较喜欢的一个风格,并同时满足让企业网站更加高端大气,有一个更好的展现方式。简约风格就是为了突出更高的品质和优秀的网站。 1.极简的网站隐藏功能 复杂的网站信息内容固然会让网站看起来非常全面、专业,但是也会让用户觉得非常凌乱、无序,用户的第一眼看上去觉得满网页的文字也会降低他们的耐心。所以网站建设的...

       中小企业网站开发才是第一位 随着人们对计算机使用的普及,以及网络已进入了WEB2.0时代,虚拟世界的雏形已形成。而企业的传统销售无法满足现时代的需要,这样大部分的企业已开始把销售扩大到网络,而且不断地加大网络营销的投入,其中建立自己官方网站的企业也越来越多。   现在很多人都会认为建立一个网站已经不是难的事了,到源码中心找套好程序,买个域名和空间,调试一下网站就ok了。这样算起来,一个网站花费300-500块钱就可以轻松搞定...

       让客户喜恶的网站设计有哪些? 所谓众口难调,这对于网站设计同样适用。网站设计如同装修设计,最终的设计效果有的人会喜欢有的人不喜欢。企业想做一个大众好感度比较高的网站,需要向网站设计企业寻求帮助,网站设计他们更有经验,网站设计中的细节问题是决定网站成败的关键。专业的网站设计企业不仅注重整体设计效果,更加会考虑到网站色彩、图片和字体等细节问题。接下来说说让客户喜恶的网站设计有哪些? 让客户喜恶的网站设计有哪些   一、提高网站好感...

最新模板
少儿英语培训机构网站建设 培训公司网站建设
成人自考网站建设 成人培训网站制作设计版面
智能家居摆设设计网站建设 智能家居装修企业网站建设
铜螺母,铜螺丝,螺栓,螺钉工厂网站建设
废气处理设备,如活性炭吸附箱、RTO蓄热式氧化处理设备、光氧等离子复合设备 低温等离子设备 光氧催化设备等网企业网站建设
图文阅读