`

前端压缩和缓存处理

阅读更多
1、下载tk-filters-1.0.1.zip
    2、解压后将tk-filters.jar放到类路径
    3、在解压后的conf目录下打开tk-filters.properties文件,里面涉及到了三个大项的配置
    4、修改tk-filters.properties文件的压缩与缓存,使得启动这些功能
    
ClusterCheckFilter.Enabled=false
ClusterCheckFilter.UnsetModificationsCheck=false
ClusterCheckFilter.ByteSizeCheck=false
ClusterCheckFilter.AggregateByteSizeLimit=30720
ClusterCheckFilter.AttributeByteSizeLimit=20480
ClusterCheckFilter.ClientError=false
GZIPFilter.Enabled=true
GZIPFilter.LogStats=false
CacheFilter.Enabled=true
CacheFilter.ExpirationMinutes=15
    

    5、conf目录下面还有一个默认的web.xml文件的配置示例,上面都讲述了配置注意事项
    6、在按照默认的示例配置web.xml时,还要根据实际情况进行。比如我的配置是如下:
 <filter>
    <filter-name>GZipFilter</filter-name>
    <filter-class>
		   		com.tacitknowledge.filters.gzipfilter.GZIPFilter
		  	</filter-class> </filter>
  <filter>
    <filter-name>CacheFilter</filter-name>
    <filter-class>
		  com.tacitknowledge.filters.cache.CacheHeaderFilter
</filter-class>
  </filter><filter>
    <filter-name>ClusterFilter</filter-name>
    <filter-class>com.tacitknowledge.filters.clustercheck.ClusterCheckFilter</filter-class>
  </filter>
  <filter-mapping>
    <filter-name>GZipFilter</filter-name>
    <url-pattern>*.js</url-pattern>
  </filter-mapping>
  <filter-mapping>
    <filter-name>GZipFilter</filter-name>
    <url-pattern>*.css</url-pattern>
  </filter-mapping>
  <filter-mapping>
    <filter-name>CacheFilter</filter-name>
    <url-pattern>*.js</url-pattern>
  </filter-mapping>
  <filter-mapping>
    <filter-name>CacheFilter</filter-name>
    <url-pattern>*.css</url-pattern>
  </filter-mapping>
  <filter-mapping>
    <filter-name>ClusterFilter</filter-name>
    <url-pattern>*.js</url-pattern>
  </filter-mapping>
  <filter-mapping>
    <filter-name>ClusterFilter</filter-name>
    <url-pattern>*.css</url-pattern>
  </filter-mapping>
  <filter-mapping>
    <filter-name>CacheFilter</filter-name>
    <url-pattern>*.gif</url-pattern>
  </filter-mapping>
  <filter-mapping>
    <filter-name>CacheFilter</filter-name>
    <url-pattern>*.jpg</url-pattern>
  </filter-mapping>
  <filter-mapping>
    <filter-name>CacheFilter</filter-name>
    <url-pattern>*.png</url-pattern>
  </filter-mapping>
分享到:
评论

相关推荐

    推荐2款前端代码压缩工具minifier 推荐2款压缩css代码,js代码的工具

    在前端开发中,优化网页加载速度是至关重要的,其中一项关键任务就是对CSS和JavaScript代码进行压缩,以减少文件大小,提高页面加载效率。这里,我将详细介绍两款常用的前端代码压缩工具:Closure Compiler和YUI ...

    前端开发js静态资源压缩文件

    - **模块系统**:ES6引入了模块系统,如`import`和`export`,在压缩时需要考虑如何正确处理模块间的依赖。 - **Tree Shaking**:配合模块系统,现代构建工具(如Webpack、Rollup)可以进行"Tree Shaking",删除未...

    网络游戏-游戏前端的资源缓存方法、存储介质.zip

    - 浏览器缓存:包括强缓存和协商缓存,浏览器根据缓存控制头来决定是否从本地获取资源。 2. 存储介质: - RAM:内存是最快的存储介质,游戏运行时的临时资源可存储在内存中,但容量有限且断电后数据丢失。 - SSD...

    面试题浏览器缓存和数据压缩.pdf

    掌握好浏览器缓存和数据压缩技术,对于前端开发者来说是提升网站性能的重要手段之一。合理的使用缓存可以极大减少页面加载的时间,提高用户体验;而有效的数据压缩则能够减少服务器的带宽消耗,降低运营成本。 以上...

    压缩js和css,优化前端资源占用案例

    总的来说,压缩js和css是前端优化的重要组成部分,它有助于减少页面加载时间,提高用户体验。开发者应当熟练掌握这一技能,并结合其他优化策略,以实现更高效的前端开发。通过合理运用这些方法,我们可以打造出响应...

    前端项目-pako.zip

    在前端开发中,压缩技术是优化网页性能的重要手段之一,特别是在处理大量数据交换或提高页面加载速度时。本文将深入探讨“前端项目-pako.zip”所代表的知识点,包括pako库的使用、zlib压缩算法及其在JavaScript中的...

    前端开发字体文件压缩演示文件

    综上所述,"前端开发字体文件压缩"涉及到CSS自定义字体的使用,性能优化策略,以及各种压缩和缓存技术的应用。通过合理地管理和压缩字体资源,开发者可以显著提高网页加载速度,提升用户访问体验,从而提升整体网站...

    缓存 队列 kettle

    在IT行业中,缓存和队列是两种非常重要...总结来说,缓存和队列是提升系统性能和稳定性的重要手段,而Kettle作为强大的ETL工具,能够有效地管理和处理数据,结合缓存和队列策略,可以在大数据处理场景下发挥巨大作用。

    集群的缓存技术

    1. **接入层Nginx缓存**:这是最前端的一级缓存,主要通过Nginx服务器来实现。它可以采用`LuaSharedDict`、`NginxProxyCache`(磁盘/内存)或`LocalRedis`等技术来存储缓存数据。接入层Nginx缓存的主要作用是提高...

    web前端性能优化.docx

    1. 缓存优化:使用浏览器缓存和服务器缓存来减少加载时间。 2. 图片压缩:使用工具 like TinyPNG 来压缩图片以减少加载时间。 3. 代码压缩:使用工具 like Gzip 来压缩 HTML、CSS 和 JavaScript 代码以减少加载时间...

    大数据时代性能与缓存的优化

    - 分级缓存:如CPU缓存(L1、L2、L3),内存缓存和分布式缓存,构成层次化的缓存体系,逐层缓存数据,减少访问时间。 5. 分布式缓存: - 如Hadoop MapReduce处理大数据时,Map阶段的中间结果可以暂存于分布式缓存...

    Django 实现前端图片压缩功能的方法

    此外,Django还提供了其他库,如`sorl-thumbnail`和`easy_thumbnails`,它们专门用于处理图片缩略图和压缩,提供了更丰富的功能和更好的性能。这些库通常会提供更灵活的配置,比如自定义压缩质量、格式转换等。 ...

    web前端技术方案web前端技术方案

    Web 前端技术方案 一、前端技术体系的基本架构 前端技术体系的基本架构...2. 资源加载优化:使用离线化策略、缓存、压缩等技术来优化资源加载。 3. 页面加载性能优化:基于监控体系的数据,进行页面加载性能的优化。

    前端开源库-bundly

    `bundly`预先集成了多种转换工具,如Babel用于JavaScript的ES6+语法转换,PostCSS用于CSS的现代化处理,以及各种代码压缩和优化策略。这些转换使得开发者无需手动配置即可直接使用现代前端技术栈,减少了项目初始化...

    DevCloud前端性能优化Devops实践.pptx

    本文将从多个方面介绍前端性能优化的技术和实践,包括代码优化、资源加载优化、缓存优化、图片优化、接口优化等。 代码优化 删除无用(冗余)的代码是前端性能优化的重要步骤。可以使用工具如 PageSpeed、...

    04. 前端面试题汇总.pdf

    11. 浏览器缓存和存储:掌握浏览器缓存机制,以及了解cookies、sessionStorage和localStorage的区别和用法,是前端性能优化的关键点。 12. CSS定位和布局技巧:包括不同定位方式的理解(如relative、absolute、...

    网页前端chm手册

    了解如何通过减少HTTP请求、压缩资源、使用CDN、优化图片、缓存策略等手段提升网页加载速度,对于提升用户体验至关重要。 9. **响应式图像和视频**: 针对不同设备和网络条件,使用srcset和sizes属性为图像提供...

    前端资料.zip

    10. 性能优化:了解如何通过缓存策略、减少HTTP请求、压缩资源等方式提升网页加载速度和用户体验。 这个压缩包内的"前端资料"可能涵盖了上述部分或全部知识点,包括HTML和CSS的实例文件、JavaScript源码、项目结构...

    web代码混淆方案.混淆js代码,压缩css代码

    在关注代码安全性的同时,也别忘了性能优化的其他方面,比如使用CDN加速静态资源的分发,利用缓存策略提高加载速度,以及优化图片和字体等大文件的加载方式。合理的前端架构设计和代码组织也是提升性能的关键。 综...

Global site tag (gtag.js) - Google Analytics