什么是 SSE？
SSE（Server-Sent Events）即服务器推送事件，是 HTML5 规范中的一部分。SSE 允许服务器向客户端主动发送事件流，从而实现实时的数据更新。相对于传统的轮询方式，SSE 可以减少网络传输量，提高客户端性能等方面都具有明显的优势。
浏览器支持
目前国内常用的浏览器（Chrome、Firefox、Edge、Safari）都对 SSE 进行了支持，IE 11 及以下版本不支持。但是需要注意的是，不同的浏览器对于 SSE 的实现也有不同之处，需要开发者进行适配处理。
使用 SSE 优化性能
在应用中使用 SSE，可以用于实现各种实时性的功能，例如在线聊天、实时股票报价等等。另外，使用 SSE 能够提高应用的性能，减少轮询造成的网络负载、并发请求等问题。使用 SSE 可以有效地减轻整个 Web 应用的负载，提升产品的性能以及用户体验。
以下是使用 SSE 的一些设计技巧：
长连接
SSE 使用长连接传输数据，浏览器在请求 SSE 的时候，服务器会一直保持连接，直到传输完成或者是用户手动断开连接。所以，在使用 SSE 的时候，需要将连接保持的时间尽可能长，一些服务器会对超时时间进行限制，可以对其进行调整。
-- -------------------- ---- -------
-- -- --- -------- ---
--------------------- --------------------
---------------------- -----------
------------------- -------------
-------------------------- -----
-------------------------- ----------
------------------------------------ ----
------------------------------------- ------- ----------------- ------------- ---------
----- ------ -
-- -- ------- ------------
----------
------------- ------- --- ---- -- -- ---------------
-数据更新频率
对于不同应用，更新频率不同。对于一些更新频率较高的应用，可以适当降低其更新频率，减少服务器负担，并提高浏览器的性能。
-- -------------------- ---- -------
-- -- ------
-------------- -- -
-----------------------
-------------- -- -
-- ---------------- --- ---- -
------------------- - - -----------------
-------
-
-- ------
--
---------- -- -
------------------ -------- -----
---
-- ------数据传输大小
在使用 SSE 进行传输的时候，建议尽量减少传输数据的大小，避免无用的数据传输。例如，只更新某个特定的数据，而不是重新传输整个数据。
-- -------------------- ---- -------
-------------- -- -
-----------------------
-------------- -- -
-- ---------------- --- ---- -
------------------- - - -----------------
-------
-
-- ----------
--
---------- -- -
------------------ -------- -----
---
-- ------总结
使用 SSE 能够提高应用性能，减少轮询造成的网络传输等问题。在使用 SSE 的时候，需要注意浏览器支持以及数据传输的大小等方面，充分发挥 SSE 的优势，为产品提供更好的用户体验。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64a8fba648841e989454e565