网站后端开辟源代码

成人网站在推动 Web 发展方面发挥的作用是不能否认的。从降服欣赏器视频功能的限定到利用 WebSockets 推送广告（以防止广告拦截器拦截广告），您必须不停想出奇妙的方法，才气让本身处于 Web 技能创新的前沿。

近来，我有幸采访了大型成人网站Pornhub的一名Web开辟工程师，相识了相干的开辟技能，Web API的改进，以及成为一名成人网站开辟工程师的感受。

留意：由于成人网站行业竞争猛烈，有些题目他们无法答复我，这一点我明白。

成人网站必要表现大量图片内容。在开辟过程中，您是否利用了大量图片和视频占位符？开辟过程中的内容体验与终极产物之间是否存在很大差距？

究竟上，昨们在开辟这个网站时没有利用任何占位符！归根结底，代码和功能才是最紧张的，至于界面，昨们如今已经很认识了。一开始有点困难，但昨们很快就风俗了。

在开辟过程中，你们是怎样模仿直播视频流和第三方广告脚本的？它们都是紧张的资源。

播放器分为两个组件，底子组件实现焦点功能，用于触发变乱，开辟分开举行，集成时必要用到第三方脚本和广告，如许可以尽早发现题目，对于一些特别环境，昨们会共同广告商手动触发一些随机变乱。

典范网页至少包罗一个视频、一些 GIF 广告、一些及时预览和其他视频的缩略图。怎样权衡网页性能？怎样最大水平地进步网页性能？

昨们利用多种评估体系。

播放器会向昨们发送视频播放性能和用户播放状态；

昨们利用了第三方RUM体系；

昨们利用 WebpageTest，以便可以或许看到特定时间发生的环境。

我以为播放器是前端最紧张和最复杂的功能之一。怎样通过在视频前插入广告、标志视频的关键部门、更改播放速率等来保持播放器的性能、功能和稳固性？

昨们有一个专门负责播放器开辟的团队，他们的主要使命是连续监控播放器的性能。昨们利用全部可用的工具：欣赏器性能工具、WebpageTest、性能指标等。每次发布之前，昨们都会举行一轮严酷的 QA，以确保稳固性和质量。

视频团队有多少全职开辟职员？有多少前端开辟职员？

假如按照整个产物的规模来算，我只能说昨们的团队是中等规模。

在您从事成人网站开辟期间，您看到前端范畴有哪些发展？哪些新的 Web API 对您有很大资助？

我看到前端技能在许多方面都在进步。

从利用纯CSS到利用LESS和Mixin，再到利用机动的网格体系和图片标签来顺应差别的分辨率和屏幕尺寸；

jQuery、jQueryUI 渐渐淡出了昨们的视线，回归到更加面向对象的纯 JavaScript 编程，一些框架在特定场景下也发挥着非常风趣的作用；

昨们非常喜好新的 IntersectionObserver API，它对于加载图像非常高效；

昨们还利用画中画 API 让视频浮动在页面上，但昨们仍在获取用户对这个想法的反馈。

预测将来，您盼望看到哪些 Web API 有所改变、改进或新增？

昨们预计这些 API 会发生变革或改进：Beacon、WebRTC、Service Worker 和 Fetch。

Beacon：在iOS上存在一些题目，pageHide变乱支持不敷好；

Fetch：没有下载进度，也无法拦截哀求；

WebRTC：直播的时间，假如分辨率不敷高，会受到一些限定；

服务工作线程：对
navigator.serviceWorker.register 的调用不会被服务工作线程的 Fetch 变乱处置惩罚步伐拦截。

已往几年，WebVR 有所改进。如今它有多大用处？成人网站会投入多少精神来支持 VR 内容？Pornhub 的 WebVR 是否涉及触觉？

昨们正在研究如安在沉醉式空间中利用 WebXR。作为最大的内容分发平台，昨们必须为用户提供以本身的方式体验昨们网站上的内容的时机。但昨们仍在探索利用这些新媒体时内容宁静台应该是什么样子。

昨们是支持VR、盘算机视觉、假造主播的重要平台，并将继承推动新技能的发展。

每个页面上都有差别范例的媒体和内容，对于桌面或移动装备必要思量的最紧张的事变是什么？

昨们重要思量操纵体系和欣赏器所施加的功能限定。比方，iOS和Android的访问权限和功能有很大差别。

一些 iOS 装备不答应在全屏模式下利用自界说播放器，并将逼迫利用原生 QuickTime 播放器。Android 给予昨们完全控制权，而且可以在全屏模式下利用昨们的播放器。

再好比HLS视频流，IE、Edge对HLS视频流的质量非常挑剔，以是昨们必要控制视频的质量，否则播放时会出现断续大概重影的环境。

Pornhub 现在支持的最低欣赏器版本是多少？它还支持 IE 吗？

昨们恒久支持 IE，但近来制止了对 IE 11 之前的版本的支持。别的，昨们还制止了对 Flash 播放器的支持。昨们如今重要支持 Chrome、Firefox 和 Safari。

你能分享一下 Pornhub 的技能栈吗？从服务器到前端，你利用了哪些库？

根本上，昨们利用了这些东西：

Nginx；

PHP；

MySQL的；

Memcached/Redis。

其他技能包罗 Varnish、ElasticSearch、NodeJS、Go 语言和 Vertica。

对于前端，昨们重要利用纯 JavaScript。昨们正在渐渐镌汰 jQuery，并开始利用 Vue.js 等框架。

对于生手人来说，成人网站通常充斥着视频缩略图、视频、直播和广告。从开辟者的角度来看，成人网站有什么独特之处？

昨们积极让每个品牌都具备肯定的独特性，拥有差别的内容、界面体验和功能，而且昨们利用了很多差别的算法。

当你担当 Pornhub 采访时，你脑筋里在想什么？你有没有夷由过？假如有，你是怎样降服这些感觉的？

我并没有以为有什么不对，究竟这个挑衅对我来说很有吸引力。想到有数百万人会利用我开辟的东西，我就高兴不已。这个想法很快得到了验证，当我开辟的功能初次推出时，我非常自大，并告诉我的朋侪去看看！成人网站永久不会灭亡，它为昨们提供了稳固的工作泉源。

开辟成人网站大概与开辟平凡网站差别。当您告诉朋侪、家人和熟人您正在开辟成人网站时，您会感到羞辱吗？您会夷由是否要告诉他们？

我对本身开辟的东西很自大，身边的人都知道、喜好，也成了各人茶余饭后的谈资，很故意思。

您在其他地方开辟过其他网站，Pornhub 的工作氛围是否差别？

这里的氛围非常轻松和友爱，我以为这与其他地方没有什么差别。

作为前端开辟者，你必要和哪些团队精密互助？你通常利用哪些沟通方式？

昨们必要与后端开辟职员、QA 和产物司理举行交互。大多数时间昨们会去各自的工作站讨论题目，然后利用谈天工具（Microsoft Teams），然后发送电子邮件。

末了，作为一名成人网站的开辟者，您另有什么想分享的吗？

我很高兴能到场开辟一款拥有云云巨大用户群的产物。昨们处于技能发展的前沿，这让统统都变得风趣且富有挑衅性。

跋文

这次采访很有开导性。我很惊奇他们在开辟时不利用图像。Pornhub 处于网络技能的前沿——WebXR、WebRTC 和 Intersection Observer API。我也很高兴看到他们开始渐渐镌汰 jQuery，由于当前的网络 API 非常棒。

我很想从他那边相识有关技能和性能的更多细节，我信赖从他们的源代码中可以学到许多东西。你会问什么题目？