AdvertCN - 广告中国

 找回密码
 立即注册

QQ登录

只需一步,快速开始

Binom
 谷歌+Bing+TT+MSN官方代理 
⚡️按条S5代理⚡️静态⚡️独享⚡️5G⚡️最干净<Wifi住宅+5G移动>IP代理指纹浏览器,就用AdsPower
Mediabuy⚡️玩家开户首选【鲁班跨境通-自助充值转账】FB/GG/TT❤️官方免费开户Affiliate 全媒体流量资源⚡️
Taboola/Outbrain /Bing⚡️一级代理开户投流-7*24h❤️人工在线【官方】❤️搜索套利广告开户独立站⚡️开户投放
DuoPlus专注打造跨境电商云手机E.PN 虚拟卡BINOM TRACKER 60% OFF!比Adplexity还好用的Spy工具
MediaGo+Taboola+Ob开户百度国际MediaGo⚡️让产品狂奔全球百度国际,高点击转化,快速放量百度国际MediaGo,独家原生流量
ADPLEXITY + ADVERTCN7200W全球动态不重复住宅IP代理虚拟信用卡+独立站收款全球虚拟卡, 支持U充值
Facebook 批量上广告尤里改 - FB 稳定投放免费黑五教程(持续更新、欢迎交流)FB 三不限源头 - 自助下户充值转款
各种主页、账单户、BM户(优势)⚡️个人户,bm户不限额,账单户一手BM分享户不限额9Proxy ⚡️ $0.04/IP, 无限带宽
FB二三解0.1元一个虚拟卡|PTM星际卡FB专用虚拟卡Google、Bing官方总代  联盟流量开户
FB账号资源/稳定靠谱/运行5年啦FB开户代投/三不限/白名单fb耐用号0.01一个fb账号官方合作商
广告位出租   
查看: 9909|回复: 12

(0923更新) 时间就是金钱,我的朋友.希望这贴能节省你的.....

[复制链接]

28

主题

80

广告币

246

积分

初级会员

Rank: 2

积分
246
发表于 2017-4-13 21:19:05 | 显示全部楼层 |阅读模式
本帖最后由 whocansaveme 于 2020-9-23 10:11 编辑

鉴于部分Aff对LP的需求,分享一些我平时在WEB端常用到的一些最基础的 工具/lib 集。都经过了公司项目实际产品的检验,并且都是开源优秀工具,基本所有都在github上可以查到。最最最重要的是,在有基础前端技能的前提下,使用非常方便。(对于我个人,这些工具极大地降低了开发成本)

1. bootstrap
中文站 www.bootcss.com. 用来设计、布局pc/mobile的响应式页面,可以做到mobile端自适应,非常强大。推荐!

2. fontawesome
http://fontawesome.io。 做LP没有精美小图标?fontawesome 675个随你挑。使用字体渲染以及CSS来进行图标绘制。意味着你能方便无损修改大小、做特效。推荐!

3. animate css
https://github.com/daneden/animate.css  使用CSS,用最简单的方式,给你的LP加上兼容PC/Mobile端的动画效果,结合fontawesome,神器。谁用谁知道!推荐!

4. fastclick
https://github.com/ftlabs/fastclick  解决移动端手指单击的延迟问题。PC端鼠标click事件与移动端手指点击tap事件不一样,手指tap会有一个百毫秒多的延时。这个库就是为了解决这个问题而存在。属于优化层面,有切实需要的就加上。

5. ismobile
https://github.com/kaimallea/isMobile 移动设备类型检测。简单易用易扩展。

6. hammer
https://github.com/hammerjs/hammer.js 无需jquery的,支持各种手势的js库。属于进阶库,需要特殊交互的LP首选。

7. jquery
这个不用多说了吧?

如果需要自己设计制作LP,以上几个基础工具足够满足99%的需求了。

对于LP,网上现成的各种模板,很多非常好了。实在需要自己搞的,上述几个工具应该能节省不少时间哈。

有啥问题欢迎讨论。
补充1:
1. 针对你的OFFER受众国家以及你的VPS地点,可以选择性的使用上述工具的CDN连接(很多库官方提供CDN连接),如果没有速度理想的,使用专门的CDN提供商的服务,建议选择覆盖国家多的提供商,这样选一家就够了,不贵的。
2. 关于页面打开速度的几点优化,不难搞,但这优化的几十几百K,决定了用户打开LP的速度跟体验。基本的2个方法有:
a. 每一个LP,只选择这个LP必须使用的lib。如果这些LIb是在自己的VPS上,把他们压缩、混淆为一个文件,并且最小化,然后再引入。
b. 务必配置nginx的缓存以及压缩。

PS:珍惜用户的每一次点击。
====0417更新=====
今天更新3个能节省时间的小工具,都是chrome的extension。

1. Alexa Traffic Rank
在浏览网站的时候,一键查询该网站的alexa排名以及相关信息。

2. SimilarWeb
同样一键查询网站流量排名等基本信息,很好用。 一般1 2一起对比使用。


3. Google翻译
这个,不用说了吧?

3个工具都是chrome的插件,获取方式直接在google play上搜索。



==========我又来更新了(自己太懒了....) 20200923=========

这次更新2个在谷歌官方文档中提到的2个网页性能多维度检测工具。需要的同志自取。

1. PageSpeed Insights
https://developers.google.com/speed/pagespeed/insights/?hl=zh-CN

2. Google Lighthouse
https://developers.google.com/web/tools/lighthouse/


我记得在近期的一个算法更新上,网页性能的权重被进一步提高了,具体可以看这个博文:
https://webmasters.googleblog.com/search/label/speed











点评

非常感谢  发表于 2017-4-13 22:39

评分

参与人数 7广告币 +34 收起 理由
teaimo + 2 很给力!
glow + 2 很给力!
风儿 + 10
小白龙 + 6 很给力!
spoonysonny + 2 很给力!
99995 + 2 加油!
dxszzcylm + 10 很给力!

查看全部评分

相关帖子

本帖被以下淘专辑推荐:

回复

使用道具 举报

14

主题

753

广告币

826

积分

中级会员

Rank: 3Rank: 3

积分
826
发表于 2017-4-13 21:31:15 | 显示全部楼层
#在这里完全不会用啊快速回复#

点评

不要气馁。有现成的LP就用现成的并且做一些微创新即可。主要精力要放到核心上,个人愚见。  详情 回复 发表于 2017-4-13 21:53
回复 支持 反对

使用道具 举报

1

主题

119

广告币

241

积分

初级会员

Rank: 2

积分
241
发表于 2017-4-13 21:52:18 | 显示全部楼层
这个先留个名,下次回来再研究,多谢!
回复 支持 反对

使用道具 举报

28

主题

80

广告币

246

积分

初级会员

Rank: 2

积分
246
 楼主| 发表于 2017-4-13 21:53:33 | 显示全部楼层
zlc000190 发表于 2017-4-13 21:31
#在这里完全不会用啊快速回复#

不要气馁。有现成的LP就用现成的并且做一些微创新即可。主要精力要放到核心上,个人愚见。
回复 支持 反对

使用道具 举报

28

主题

80

广告币

246

积分

初级会员

Rank: 2

积分
246
 楼主| 发表于 2017-4-17 09:46:30 | 显示全部楼层
====0417更新=====
今天更新3个能节省时间的小工具,都是chrome的extension。

1. Alexa Traffic Rank
在浏览网站的时候,一键查询该网站的alexa排名以及相关信息。

2. SimilarWeb
同样一键查询网站流量排名等基本信息,很好用。 一般1 2一起对比使用。


3. Google翻译
这个,不用说了吧?

3个工具都是chrome的插件,获取方式直接在google play上搜索。
回复 支持 反对

使用道具 举报

7

主题

28

广告币

139

积分

初级会员

Rank: 2

积分
139
发表于 2017-4-18 12:50:30 | 显示全部楼层
bootstrap虽然很强大,但STM上的大牛却说尽量不要用bootstrap来制作mobile LP,因为bootstrap做出来的LP会比较大

点评

可以针对性的对所需功能做裁剪。如果觉得麻烦,其他库选择也很多。  详情 回复 发表于 2017-4-18 13:23
回复 支持 反对

使用道具 举报

28

主题

80

广告币

246

积分

初级会员

Rank: 2

积分
246
 楼主| 发表于 2017-4-18 13:23:30 | 显示全部楼层
xiangwofei 发表于 2017-4-18 12:50
bootstrap虽然很强大,但STM上的大牛却说尽量不要用bootstrap来制作mobile LP,因为bootstrap做出来的LP会比 ...

可以针对性的对所需功能做裁剪。如果觉得麻烦,其他库选择也很多。
回复 支持 反对

使用道具 举报

2

主题

98

广告币

118

积分

初级会员

Rank: 2

积分
118
发表于 2017-6-6 09:01:53 | 显示全部楼层
非常感谢啊。
回复 支持 反对

使用道具 举报

13

主题

1387

广告币

2181

积分

高级会员

Rank: 4

积分
2181

社区QQ达人

发表于 2017-10-30 20:19:00 | 显示全部楼层
很是感谢
回复 支持 反对

使用道具 举报

28

主题

80

广告币

246

积分

初级会员

Rank: 2

积分
246
 楼主| 发表于 2020-9-23 10:09:23 | 显示全部楼层
==========我又来更新了(自己太懒了....) 20200923=========

这次更新2个在谷歌官方文档中提到的2个网页性能多维度检测工具。需要的同志自取。

1. PageSpeed Insights
https://developers.google.com/speed/pagespeed/insights/?hl=zh-CN

2. Google Lighthouse
https://developers.google.com/web/tools/lighthouse/


我记得在近期的一个算法更新上,网页性能的权重被进一步提高了,具体可以看这个博文:
https://webmasters.googleblog.com/search/label/speed


回复 支持 反对

使用道具 举报

2

主题

16

广告币

52

积分

初级会员

Rank: 2

积分
52
发表于 2021-3-25 07:15:52 来自手机 | 显示全部楼层
学习   下次用到再回来看
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关于我们|联系我们|DMCA|广告服务|小黑屋|手机版|Archiver|Github|网站地图|AdvertCN

GMT+8, 2024-11-21 20:16 , Processed in 0.049869 second(s), 16 queries , Gzip On, MemCache On.

Copyright © 2001-2023, AdvertCN

Proudly Operating in Hong Kong.

快速回复 返回顶部 返回列表