原文:Lighthouse的使用与Google的移动端最佳实践

Lighthouse是一个Google开源的自动化工具,主要用于改进网络应用 移动端 的质量。目前测试项包括页面性能 PWA 可访问性 无障碍 最佳实践 SEO。Lighthouse会对各个测试项的结果打分,并给出优化建议,这些打分标准和优化建议可以视为Google的网页最佳实践。 使用入门 运行Lighthouse的方式有三种:在开发者工具 Devtools 的Audits,作为Chrome拓展 ...

2018-02-10 18:22 0 1664 推荐指数:

查看详情

移动布局最佳实践(viewport+rem)

通过前几天写的两篇博客(浅谈移动三大viewport和移动em和rem区别),我们现在来总结一下如何实现一个最佳方案。 之前在第二篇博客中提到过我们可以使用媒体查询来针对不同设备及做适配,如下图 但是这个可能不会太精准,比如我的设备布局viewport可能是370px ...

Fri Jul 21 02:33:00 CST 2017 1 9329
移动数据统计和分析最佳实践

前言 随着移动互联网市场快速发展,以往“跑马圈地”式的粗犷运营时代已成为过去时。大环境的改变,也导致移动的数据统计分析在产品的研发、决策、运营等方面起着越来越重要的作用,“精细化运营”一时间成为热点词——从大厂到创业团队,无论是自建数据统计系统还是借助于第三方,市场对于简单易用、稳定可靠数据 ...

Thu Jul 26 19:28:00 CST 2018 0 1492
浅谈移动前端的最佳实践

前言 这几天,第三轮全站优化结束,测试项目在2G首屏载入速度取得了一些优化成绩,对比下来有10s左右的差距: 这次优化工作结束后,已经是第三次大规模折腾公司框架了,这里将一些自己知道的移动的建议提出来分享下,希望对各位有用 文中有误请您提出,以免误人自误 技术选型 单页or多页 ...

Wed Jan 21 16:16:00 CST 2015 180 47429
web移动开发最佳实践之html篇

。   接下来的几篇文章主要介绍使用web技术进行移动应用开发时,应遵循的一些‘最佳实践’。这里所说的最佳实践 ...

Sun Jan 13 04:06:00 CST 2013 1 6446
web移动开发最佳实践之js篇

一、js概述   js即JavaScript,是被设计用来验证表单、检测浏览器、创建cookies、改进设计以及更多应用的网络脚本语言,它非常容易使用。在web应用中,它是主要的编程语言,主要用途是进行各种逻辑控制、行为展现等。对于js的优化,对于整个应用的提升都是非常显著的。 二、使用字面量 ...

Sun Jan 20 06:53:00 CST 2013 9 8052
lighthouse工具使用

LightHouse LightHouse 是一个Google开源的自动化工具,主要用于改进网络应用(移动)的质量。 目前测试项包括页面性能、PWA、可访问性(无障碍)、最佳实践、SEO。Lighthouse会对各个测试项的结果打分,并给出优化建议,这些打分标准和优化建议可以视为Google ...

Fri Sep 25 18:44:00 CST 2020 0 735
移动debug-2】Flexbox在移动的兼容实践

最近在项目中用到了flexbox,总结一下使用心得。 一、什么是flexbox,干嘛使的? 曾几何时,我们特别希望能像word一样,在排版时有个分散对齐选项(平均分配子元素宽度)这样我就可以任意在父元素里添加子元素的个数,而不用经过繁琐的计算。 css3中的flexbox可以实现这一点 ...

Sun Nov 01 08:38:00 CST 2015 0 3313
WebGIS最佳实践4 使用pgRouting实现最佳路径搜索

下载代码 我在WebGIS最佳实践-2 在WebGIS程序中实现路径分析中提到过pgRouting,现在来看看这头小象能给我们带来些什么。 先上效果图给大家鼓鼓劲。:》 为了实现以上效果我用jsp和openlayers编写了服务和客户,但是本文的重点是介绍 ...

Thu Feb 16 22:37:00 CST 2012 5 2675
 
粤ICP备18138465号  © 2018-2026 CODEPRJ.COM