网站排名优化:对网站响应式设计的重新思考

张俊SEO
张俊SEO
张俊SEO
3142
文章
54
评论
2021年8月20日06:15:00
评论
1 1515字阅读5分3秒

就目前而言(我将在2015年之后划分时间,之前的网页不会用来批评是否考虑响应),对于一个网站来说,响应是最基本的要求,简单易懂,但处理每一个细节却不是那么容易。反应能力也是必修课,这必然导致前端能力的提高。

如果网站不支持responsive,或者responsive很粗糙,谁来付钱?

或许国内大多数网站并不刻意要求回复,即使要求回复,大多数网站的改编效果也非常粗糙。一般来说,国内对响应性要求比较高的网站属于一些要求很高或者很专业的网站,即使你不做响应性的网站,你也可以直接让网页显示和PC端一样的效果(使用类似的代码,虽然不建议这样做,它能有效地保证固定大小的网页能按预期显示)。如果你直接适应手机,客户会付钱的。大部分海外客户的网站,最基本的要求,不符合要求的不会付费。我们应该做两个版本吗?

对于大多数网站来说,制作两个版本并不是明智的选择,因为后期的维护成本、制作成本、调试成本和开发成本都会增加很多,而且互联网发展很快,网页很快就过时了。一般来说,花很多时间制作两套随时都会过时的页面是不值得的。而且大多数网站都有通用开源程序的限制,因此对两套后端扩展会有更高的要求,这可能会增加后端和服务器端的工作量。一般做两套,适合一些有自己源程序的大型平台或大型网站或一些知名网站。大多数网站不需要做两套。(当然,如果你有很多钱,一个强大的团队,以及大量的时间和精力,忽略这一段)

响应技术的发展如何?

我们不必担心流体流动的布局或其他布局。我们只需要像预期的那样考虑具体项目的设计,然后再考虑其他复杂的知识点。许多细节需要单独学习,但并不是所有的细节都可以投入到实际项目中。在实际项目中,我们应该尽量简化代码,降低开发和后期维护的成本。只要我们能够满足各种设备的需求,并利用响应模式有效地控制不同大小图片的加载,在当前互联网速度不断提高的环境下,访问速度就会非常快。对于网页的响应性设计,我不会有正面或负面的评价,因为它是基础。你要适应互联网的发展,发展的需要,客户的需要。在这个基础上制作一套网页是很自然的。没有必要说一项基本技能是好是坏。

一个非常好的响应风格能够处理不同大小的图片。如果CSS不能满足需要,有很多成熟的技术手段与JS相结合,可以与CSS配合实现更好的对应,并且不会对加载速度产生很大影响。它可以实现两组网页效果。毕竟,你不是一个应用程序,你是一个网页。如果你想比较一下app和web的本地交互效果和流畅性,我认为这是离题的。没有必要。它们是互补的。你不要他们。没有必要把他们排除在外。

如果您还没有看到一个响应性很好的网站,您可以在FWA上查看许多获奖的移动网站。

如今,响应技术非常发达,它不仅可以满足不同设备的适应性,还可以从交互、体验和加载速度等方面进行匹配。今天的响应技术无法与响应技术开始流行的年代相比,代码冗余等负面因素可以忽略不计。事实上,唯一留给responsive的就是他们是否愿意学习更先进的技术,是否愿意研究和发现,是否愿意在实际项目中使用。

我不做独立的前端工作,也不是大牛公司的前端开发。我只是为自己设计东西。只是我已经奋斗了好几年,包括兼容性,响应性,使用了很多开发框架,学习了很多重要的知识,做了一些公认的事情。现在我对响应式设计只有一个方向:

用尽可能少的响应断点兼容更多的设备

尝试优化加载速度

尝试避免使用JS(我通常使用JS进行视网膜图像适配,它与响应式相对独立,因此,它将更加灵活,避免使用CSS进行视网膜图像适配)

尝试实现与PC端相同的平滑交互效果

免责声明:文章《对网站响应式设计的重新思考》来至网络,文章表达观点不代表本站观点,文章版权属于原作者所有,若有侵权,请联系本站站长处理!

本站部分图文来源于网络,仅供学习交流,发表作品观点仅代表作者本人,本站仅提供信息存储空间服务,不承担连带责任。如有侵权,请联系管理员删除。
  • 添加微信
  • 微信扫一扫
  • weinxin
  • 公众号
  • 微信扫一扫
  • weinxin
竞价托管
张俊SEO
  • 本文由 发表于 2021年8月20日06:15:00
  • 转载请务必保留本文链接:https://zhangjunseo.com/9100.html
nvbao.com女包
¥ 议价-元

nvbao.com女包

haizu.com海族
¥ 议价-元

haizu.com海族

lingxian.com
¥ 议价-元

lingxian.com

广告也精彩
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: