在Citrix ADC 13.1
在Citrix ADC
在所有的产品
产品文档
在Citrix ADC 13.1
在Citrix ADC
在所有的产品
Citrix ADC
当前版本 13.0 12.1 11.1
查看PDF

前端优化

2021年8月24日
贡献者:
C

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

作为Web应用程序基础的HTTP协议最初是为了支持简单网页的传输和呈现。JavaScript和级联样式表(CSS)等新技术,以及闪光视频和图形丰富的图像等新媒体类型,对前端性能(即浏览器级别的性能)提出了沉重的要求。

Citrix ADC前端优化(FEO说)功能可以通过以下方式解决此类问题,并缩短网页的加载时间和渲染时间:

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

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

您可以自定义feo配置，为您的用户提供最佳结果。Citrix ADC支持针对桌面和移动用户的众多 Web 内容优化。下表介绍了 FEO 功能提供的前端优化，以及对不同类型的文件执行的操作。

由feo功能执行的优化

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

不同文件类型的网站优化:

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动作allact -imgGifToPng -pageExtendCache

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

set feo parameter [-cacheMaxage ] [-JpegQualityPercent ] [-cssInlineThresSize ] [- inlinejsthreshsize [- inlineimgthreshsize ]

示例：要指定缓存最大有效期：

设置feo参数-cacheMaxage

  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 cs vserver -policyName -priority

bind feo global type . bind feo global type

示例:将前端优化策略应用于名为" abc "的虚拟服务器:

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

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

> bind feo global pol1 100 -type REQ_DEFAULT

  1. 保存配置。保存ns配置

使用GUI配置前端优化

  1. 导航到优化>前端优化>操作，然后单击添加，然后通过指定相关详细信息来创建前端优化操作。
  2. [可选] 指定前端优化全局设置。
  3. 导航到”优化“>”前端优化，然后在右窗格的"设置"下，单击"更改前端优化设置”，然后指定前端优化全局设置。
  4. 创建前端优化策略。
  5. 导航到”优化“>”前端优化“>”策略"，单击"添加，然后通过指定相关详细信息来创建前端优化策略。
  6. 将策略绑定到负载平衡或内容交换虚拟服务器。
    1. 导航到优化>前端优化>策略。
    2. 选择前端优化策略，然后单击策略管理器。
    3. 在前端优化策略管理器下，将前端优化策略绑定到负载平衡或内容交换虚拟服务器。

验证前端优化配置

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

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

注意：有关统计信息和图表的更多信息，请参阅Citrix ADC设备上的控制面板帮助。

使用cli查看feo统计信息

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

  • stat feo说注意:统计feo策略命令仅显示高级feo策略的统计信息。
  • 显示feo策略名称
  • stat feo说细节

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

在仪表板GUI中，您可以:

  • 选择前端优化以显示FEO说统计信息摘要。
  • 单击”图形视图选项卡以显示feo功能处理的请求速率。

示例优化：

有关对HTML内容和HTML内容中的嵌入对象应用的内容优化操作的一些示例，请参阅示例pdf。

前端优化
2021年8月24日
贡献者:
C
2021年8月24日
贡献者:
C

本文中包含的内容

站点反馈 | 隐私和法律条款 | Cookie首选项 | 同意设置
©1999 -思杰系统有限公司。保留所有权利。