产品文档
Citrix ADC
当前版本 13.0 12.1
查看PDF

前端优化

2021年4月27日
由:
C 年代 年代

注意:如果您拥有高级或高级Citrix ADC许可证，并且正在运行Citrix ADC release 10.5或更高版本，则可以使用前端优化。

基于web应用程序的HTTP协议最初是为了支持简单网页的传输和呈现而开发的。JavaScript和级联样式表(CSS)等新技术，以及Flash视频和图形丰富的图像等新媒体类型，对前端性能(即浏览器级别的性能)提出了很高的要求。

Citrix ADC前端优化(FEO)功能解决了这些问题，并通过以下方式减少了网页的加载时间和呈现时间:

  • 减少请求的数量。
  • 渲染每个页面所需。
  • 减少页面响应中的字节数。

简化和优化提供给客户端浏览器的内容。

您可以自定义FEO配置，以便为用户提供最佳结果。思杰adc支持桌面和移动用户的大量web内容优化。下表描述了FEO特性提供的前端优化，以及对不同类型的文件执行的操作。

FEO特性执行的优化

网络优化 问题 思杰ADC FEO特性做什么 好处
内联 客户端浏览器经常向服务器发送多个请求，以加载与网页相关的外部CSS、图像和JavaScript。 CSS内联，JavaScript内联，CSS组合 在HTML文件中内联加载外部CSS、图像和JavaScript可以改善页面呈现时间。这种优化有利于只查看一次的内容，以及缓存大小有限的移动设备。
缩小 从服务器获取的数据包括一些不重要的字符，如空白、注释和换行符。浏览器处理这些数据所花费的时间造成了网站延迟。 CSS缩小，JavaScript缩小，删除HTML注释 压缩文件占用的带宽更少，避免了特殊处理造成的延迟。
图像优化 移动浏览器通常连接速度较慢，缓存内存有限。在移动客户端上下载图像会消耗更多的带宽、处理时间和缓存空间，导致网站延迟。 JPEG优化，CSS图像内联，图像收缩至属性，GIF到PNG转换，HTML图像内联，WebP图像转换，JPEG, GIF, PNG到JPEG- xr图像转换 将图像缩小到Citrix ADC在图像标记中指示的大小，使客户端浏览器能够更快地加载图像。
重新定位 外部CSS、图像和JavaScript的低效处理增加了页面加载时间。 图像延迟加载，CSS移动到头部，JavaScript移动到结束 重新定位HTML元素，以减少网页的渲染时间，并使客户端浏览器更快地加载对象。
连接管理 许多浏览器对可以建立到单个域的同时连接数量设置了限制。这可能会导致浏览器一次下载一个网页资源，从而导致更高的浏览器时间。 域分片 克服连接限制，允许客户端浏览器并行下载更多资源，从而改善页面呈现时间。

不同文件类型的Web优化:

Citrix ADC可以在CSS，图像，Javascript和HTML上执行web优化。有关更多信息，请参见网络优化PDF。

注意:前端优化特性只支持ASCII字符。它不支持Unicode字符集。

前端优化是如何工作的

Citrix ADC收到服务器的响应后:

  1. 解析页面的内容，在缓存中创建一个条目(只要适用)，并应用FEO策略。

    例如，Citrix ADC可以应用以下优化规则:

    • 删除CSS或JavaScript中的空白或注释。
    • 将一个或多个CSS文件合并为一个文件。
    • 将GIF图像格式转换为PNG格式。
  2. 重写嵌入的对象并在缓存中保存优化的内容，使用与初始缓存项使用的签名不同的签名。
  3. 对于后续请求，从缓存(而不是从服务器)获取优化对象，并将响应转发给客户机。

**删除多余的信息，如空白和注释。

在这段时间内，浏览器可以使用缓存资源，而不检查服务器上是否有新的内容可用。

配置前端优化

您还可以随意更改前端优化全局设置的值。否则，首先创建指定要应用于嵌入对象的优化规则的操作。

配置操作后，创建策略，每个策略都有一个规则，指定优化响应的请求类型，并将操作与策略关联起来。

注意:Citrix ADC仅在请求时评估前端优化策略，而不是在响应时评估。

为了使策略生效，将它们绑定到绑定点。可以全局绑定策略，使其应用于流经Citrix ADC的所有流量，也可以将策略绑定到HTTP或SSL类型的负载均衡或内容切换虚拟服务器。绑定策略时，为其分配优先级。优先级越低，数值越高。Citrix ADC按优先级顺序应用这些策略。

先决条件

前端优化要求启用Citrix ADC集成缓存特性。此外，您还必须执行以下集成缓存配置:

  • 分配高速缓存内存。
  • 为默认缓存内容组设置最大响应大小和内存限制。

有关配置集成缓存的详细信息，请参见集成缓存．

注意:术语集成缓存可以与AppCache互换使用;注意，从功能的角度来看，这两个术语的含义是相同的。

通过Citrix ADC命令接口配置前端优化

在命令提示符下，执行以下操作:

  1. 启用前端优化特性。

启用ns特性FEO

  1. 创建一个或多个前端优化操作。

add feo action [-imgShrinkToAttrib] [-imgGifToPng]…

例子:添加将GIF格式的图像转换为PNG格式的前端优化操作，并延长缓存过期时间:

添加feo action allact -imgGifToPng -pageExtendCache

  1. [可选]为前端优化全局配置指定非默认值。

set feo parameter [-cacheMaxage ] [-JpegQualityPercent ] [-cssInlineThresSize ] [-inlineJsThresSize [-inlineImgThresSize ]

使用实例设置cache的最大过期时间。

设置feo参数-cacheMaxage 10

  1. 创建一个或多个前端优化策略。

添加feo策略

示例:添加一个前端优化策略，并将其与上面指定的allact操作相关联:

add feo policy pol1 TRUE allact >add feo policy pol1 "(HTTP.REQ.URL.CONTAINS(\"testsite "))" allact1
  1. 将策略绑定到负载均衡或内容切换虚拟服务器，或全局绑定。

bind lb vserver -policyName -priority . bind lb vserver -policyName -priority . bind lb vserver -policyName

绑定cs vserver -policyName -priority .使用实例

bind feo global -type . bind feo global -type

在虚拟服务器abc上应用前端优化策略。

> bind lb vserver abc -policyName pol1 -priority 1 -type NONE

示例:对所有到达ADC的流量应用前端优化策略:

>绑定feo global pol1 100 -type REQ_DEFAULT

  1. 保存配置。保存ns config

通过GUI配置前端优化

  1. 导航到优化>前端优化>行动，并单击添加并通过指定相关细节来创建前端优化操作。
  2. [可选]配置前端优化全局配置。
  3. 导航到优化>前端优化，在右侧界面的“设置”区域，单击更改前端优化设置并指定前端优化全局设置。
  4. 创建前端优化策略。
  5. 导航到优化>前端优化>政策,点击添加并通过指定相关细节来创建前端优化策略。
  6. 将策略绑定到负载均衡或内容切换虚拟服务器。
    1. 导航到优化>前端优化>政策．
    2. 选择前端优化策略，单击策略管理器．
    3. 下前端优化策略管理器，将前端优化策略绑定到负载均衡或内容交换虚拟服务器上。

验证前端优化配置

仪表板实用程序以表格和图形格式显示摘要和详细的统计信息。您可以查看FEO统计数据以评估您的FEO配置。

您还可以选择显示FEO策略的统计信息，包括策略计数器在基于策略的FEO期间增加的选择数量。

注意:有关统计数据和图表的更多信息，请参阅Citrix ADC设备上的“仪表板帮助”。

通过CLI查看FEO统计信息

在命令提示符下，输入以下命令分别显示FEO统计信息摘要、FEO策略选择和详细信息以及FEO详细统计信息:

  • stat feo说备注:stat feo policy命令只查看feo高级策略统计信息。
  • 显示feo策略名称
  • Stat feo -detail

在Citrix ADC仪表板上查看FEO统计信息

在仪表盘GUI中，您可以:

  • 选择“前端优化”以显示概要FEO说统计数据。
  • 单击图形化视图选项卡显示FEO特性处理请求的速率。

样本优化:

请参阅样本PDF中有一些应用于HTML内容和HTML内容中的嵌入对象的内容优化操作示例。

前端优化
2021年4月27日
由:
C 年代 年代
2021年4月27日
由:
C 年代 年代

在本文中

网站反馈 | 隐私和法律条款 | 饼干的偏好 | 同意设置
©1999 -云软件集团有限公司版权所有。