Egg Flower Share 8 Web front-end development skills can enhance the skills

Egg Flower Share 8 Web front-end development skills can enhance the skills, according to the egg flower understand the prevalence of the Internet today, more and more online users want safe, reliable and fast access experience. Web pages for the over-expansion and the third script eroded traffic and other issues, the following recommendations to improve egg flower, helping them to provide users with the fastest access to the highest quality experience.
1 Management "page bloat"
It is understood egg flower page size and performance are closely related. Radware most current business performance "industry status" report, 100 pages electricity supplier median size reached 1492KB, increased by 48% over the prior year and a half.
Load the fastest in the study report 10 pages, the resources page contains a request to a median of 50, page size median of 556KB. The slowest load 10 pages, the resources page contains a request to a median of 141, page size median 3289KB. In other words, the slowest loading page median resource is almost three times the fastest page load, page size is six.
Carefully study the page size, we can get more information. The total number of loaded resources fastest page 10 contains denser: 15 in _{between 72; smallest page size is only 251KB, the maximum 2003KB. The total number of resources to load the slowest 10 pages included are more widely: in 89} among 373; page size minimum 2073KB, the largest of the more than 10MB.
2 image optimization
It is understood egg flower image is one culprit page expansion, typically occupy 50-60% of the number of pages bytes. Add images to your page or to enlarge existing image, it is rapid access to business users and effective way to improve the conversion rate. However, this method will cause serious impact on performance.
Optimize the image performance is the most simplest way to improve, it can make the page load faster. In order to more effectively complete the image rendering, image compression and must be integrated, image size and format must carefully adjust the image quality must also be optimized, so that it can be loaded differentiated treatment based on the importance of image.
3 control third-party scripts
It is understood that in a typical egg flower page server request, a request from a third-party scripts which accounted for 50% or more. These third-party scripts will not only increase the number of bytes in a page, bringing the delay, but also become the biggest potential point of failure Web pages. No response, non-optimized third-party scripts will reduce the loading speed of the entire network.
The solution is to delay loading of third-party scripts, will be loaded on the key after the page content, the situation is more desirable that the load placed on the page after the event, so it will not affect the search rankings (Google events as load time index). For some analysis tools and third-party advertisers, third-party scripts loading method if the delay is not feasible, you can use the asynchronous version of the script, synchronized with the loaded key content. Users must be aware of the sites where the script, the script deletes those useless, and the performance of third-party scripts continuous monitoring.
4 truly mobile device priority
It is understood egg flower is not a new concept "mobile device priority." As early as 2013, the use of mobile devices has more than desktops, but compared with many mobile performance verbal commitment, really focus on the development of mobile devices there is still a gap. For example, in November 2011, the average page size on the mobile device is 475KB, now increased to 897 KB. In other words, only been three years, the average page size has almost doubled.
Although mobile devices and networks have made some progress, but in terms of performance, size and still can not close the service needs 1MB pages to keep pace. We know that the page size and loading time is closely related to the mobile users are particularly sensitive to the slow loading speed. If companies want the site to be truly "mobile first", we must deal with them properly.
Taking into account the design of responsive web 5 during this performance
It is understood egg flower responsive design allows designers and developers to better control the look and feel of Web pages. It can make the page across multiple platforms and devices become more beautiful. But it will also bring significant performance loss, the loss of these properties and can not be faster browser, network and gadgets eased. And over time, so the impact will continue to deteriorate.
Responsive design built on style sheets and Java. However, inefficient CSS and JS caused by performance problems far greater than the design advantages brought us benefits. Style sheets should be placed in the document HEAD to achieve progressively render the page. However, style sheets, but often other locations on the page, which hindered the rendering speed of the page. In other words, Java files should be placed or bottom of the page is re-loaded after a reasonable approach in key content loading is complete.
6 Real-time performance monitoring
It is understood egg flower we all know to solve a problem we must first have a full understanding of the problem. To solve the problem page performance, companies must know at what time the user can see the main page content and interact; at the same time, companies need to understand the performance and availability issues that affect business metrics. Enterprises need a way to get the actual performance and analyze. Real-time User Monitoring (RUM) tool can be obtained in real time from the real user's perspective, analyze and record the performance and usability of the site.
7 Do not place undue reliance on these CDN solve all performance problems
exist one of the most controversial findings electricity "industry status" report Radware quarter business performance, namely: the use of content delivery network (CDN) is required to render the main content of the site is completed time much longer than the site never use a CDN. This is a relevant issue, rather than a causal relationship: In general, compared to not use the CDN website, use the CDN website pages larger and more complex. The size and complexity of the page is the culprit causing performance problems, rather than CDN. But the results also show that only rely on CDN can not solve all performance problems.
If properly implemented, CDN will be a very effective tool to solve the delay problem: shorten hosting server to receive, process and respond to the resource page images, CSS files, and so the time required for the request. However, the delay is just one of the key issues of modern electricity supplier website. In order to achieve optimal acceleration effect, site operations personnel can use a combination of solutions: CDN + front-end optimization (such as Radware FastView solution) + Application Delivery Controller (ADC) and internal management.
8 ideas to strengthen the web performance of in-house publicity
It is understood that a large number of studies have shown that egg Flower, improving page speed can have a positive impact on all key performance indicators: page views, users sticking degree, business conversion rates, customer satisfaction, customer retention, the contents of the shopping cart and how much income.
Egg Flower Share 8 Web front-end development skills can enhance the skills, egg flower considered as the above-mentioned seven proposals had shown, many companies have made the same mistake, and ultimately hurt the Web performance. Currently, companies should focus on resolving the problem of the gap between the online Web development goals and business objectives, and, egg flower recommended that each enterprise should have at least one internal performance experts in order to better solve the Web performance issues.