Front-end Optimization of ASP. NET development practices

Source: Internet
Author: User
Tags browser cache

Frontend Optimization
Transmission Optimization
Transmission speed, transmission quantity, browser cache, pre-planting and delayed Loading

Transmission speed:
Byte optimization: HTML, JS, CSS, image, Flash, XML
CDN: breaks inter-operator restrictions (such as dnspod)
Reduce re-planting of the same file (for example, Microsoft Ajax CDN)

Use expression web to restore or optimize HTML Format

Transfer Quantity:
Reduce the number of file requests
Appropriate score reduction
Avoid Error 404 and redirection
Use multi-image integrated image files to plant a file in each room, and use CSS to load local files (good way)

Browser cache:
GET request files are easy to cache
CSS and JS are separated into external files (except for mobile clients)

Pre-loading and delayed Loading
After the page is opened, the user immediately needs to see
JS and CSS that need to take effect immediately when opening the page
Delayed Loading
After opening the page, you must perform some actions to see
Estimated resources that users may want to access

Client Optimization
Avoid using IE filters and CSS expressions whenever possible (CPU will be high)
Try to putCodeFront
Minimize the use of small image repeat implementation background

OptimizationAlgorithm(Especially loop)
Note: Long shaping is not supported.
There is no real multi-thread and needs to be simulated
Asynchronously load JS required for non-page Initialization

Try not to use table layout, especially the peripheral layout.
Try to select applicable Div, P, and other streaming labels
Use semantic tags (strong, EM) whenever possible)
Reduce the number of Dom and IFRAME usage
Consider loading part of content Asynchronously

Avoid concurrency
Try to use GET requests
Reference transmission optimization

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.