前端性能优化

最新推荐文章于 2025-03-28 18:29:58 发布

原创最新推荐文章于 2025-03-28 18:29:58 发布 · 201 阅读

0 ·

CC 4.0 BY-SA版权

js 专栏收录该内容

1 篇文章

订阅专栏

1、web.xml

     <filter>
            <filter-name>NoCache</filter-name>
            <filter-class>com.cxy.common.filter.ResponseCacheFilter</filter-class>
            <init-param>
                <param-name>Cache-Control</param-name>
                <param-value>no-cache, must-revalidate</param-value>
            </init-param>
        </filter>
        <filter>
            <filter-name>UseCache</filter-name>
            <filter-class>com.cxy.common.filter.ResponseCacheFilter</filter-class>
            <init-param>
                <param-name>Cache-Control</param-name>
                <param-value>max-age=604800, public</param-value>
            </init-param>
        </filter>

    <filter-mapping>
            <filter-name>NoCache</filter-name>
            <url-pattern>*.mvc</url-pattern>
        </filter-mapping>
        <filter-mapping>
            <filter-name>UseCache</filter-name>
            <url-pattern>/images/*</url-pattern>
        </filter-mapping>
        <filter-mapping>
            <filter-name>UseCache</filter-name>
            <url-pattern>/img/*</url-pattern>
        </filter-mapping>
        <filter-mapping>
            <filter-name>UseCache</filter-name>
            <url-pattern>/icons/*</url-pattern>
        </filter-mapping>
        <filter-mapping>
            <filter-name>UseCache</filter-name>
            <url-pattern>/ext/*</url-pattern>
        </filter-mapping>
        <filter-mapping>
            <filter-name>UseCache</filter-name>
            <url-pattern>*.js</url-pattern>
        </filter-mapping>
        <filter-mapping>
            <filter-name>UseCache</filter-name>
            <url-pattern>*.css</url-pattern>
        </filter-mapping>

public class ResponseCacheFilter implements Filter {
    FilterConfig fc;

    public void doFilter(ServletRequest req, ServletResponse res,
            FilterChain chain) throws IOException, ServletException {
        HttpServletResponse response = (HttpServletResponse) res;
        for (Enumeration e = fc.getInitParameterNames(); e.hasMoreElements();) {
            String headerName = (String) e.nextElement();
            response.addHeader(headerName, fc.getInitParameter(headerName));
        }
        chain.doFilter(req, response);
    }

    public void init(FilterConfig filterConfig) {
        this.fc = filterConfig;
    }

    public void destroy() {
        this.fc = null;
    }

}
2、http压缩server.xml：

            compression="on"
            compressionMinSize="2048"
            noCompressionUserAgents="gozilla,traviata"
            compressableMimeType="text/html,text/xml,text/javascript,text/css,text/plain"

3、css引入放在html头部

4、js引入、脚本放在body后

5、减少dom操作

6、只引入必要文件