Ce JavaScript tutorial fournit de nombreuses solutions compl?tes d?taill?es ainsi que Des outils JavaScript, les applications en ligne sur le Web pour les d?veloppeurs web pour optimiser la vitesse , temps de chargement de codes JavaScript - l'un des facteurs pour obtenir un meilleur rendement pour nos sites Web
optimiseurs de site en ligne ? faire optimisations site mieux , plus efficace
Speed u200Bu200BUp de performances JavaScript avec SharePoint Minifier
? 20+ Helpful Web Tools for Better Code Development
? Writing JavaScript Code Efficiently
? Organizing your JavaScript code Better
- Demo
- Agrandir
- Recharger
- New window
G�n�rez vos vid�os d'entreprise par l'IA avec la voix ou simplement du texte
Votre premi�re application vid�o AI GRATUITE ! Automatisez votre premi�re vid�o AI. Cr�ez votre vid�o professionnelle en 5 minutes gr�ce � l'IA. Aucun �quipement ni comp�tence en montage vid�o requis. Production vid�o sans effort pour les sp�cialistes du marketing de contenu.
Ajax
Favor lightweight formats in general; the best is JSON and
a character-delimited custom format. If the data set is large and parse
time becomes an issue, use one of these two techniques:
JSON-P data, fetched using dynamic script tag insertion. This treats the
data as executable JavaScript, not a string, and allows for extremely
fast parsing. This can be used across domains, but shouldn't be used
with sensitive data.
A character-delimited custom format, fetched using either XHR or dynamic
script tag insertion and parsed using split()
. This technique parses
extremely large datasets slightly faster than the JSON-P technique, and
generally has a smaller file size.
XML has no place in high-performance Ajax.
Cache data! The fastest Ajax request is one that you don't have to make.
There are two main ways of preventing an unnecessary request:
- On the server side, set HTTP headers that ensure your response will be
cached in the browser. - On the client side, store fetched data locally so that it doesn't have
be requested again.
Multipart XHR can be used to reduce the number of requests, and can
handle different file types in a single response, though it does not
cache the resources received.
Some more guidelines that will help your Ajax appear to be faster:
- Reduce the number of requests you make, either by concatenating
JavaScript and CSS files, or by using MXHR. - Improve the perceived loading time of your page by using Ajax to fetch
less important files after the rest of the page has loaded. - Ensure your code fails gracefully and can handle problems on the
server side. - Know when to use a robust Ajax library and when to write your own
low-level Ajax code.
Programming Practices
- Avoid the use of eval() and the Function() constructor.
- Pass functions into setTimeout() and setInterval() instead of strings.
- Use object and array literals when creating new objects and arrays.
- Avoid doing the same work repeatedly.
- Use lazy loading or conditional advance loading when browser-detection
logic is necessary. - When performing mathematical operations, consider using bitwise
operators that work directly on the underlying representation of the
number. - Native methods are always faster than anything you can write in
JavaScript.
Building and Deploying
The build and deployment process can have a tremendous impact on the
performance of a JavaScript-based application. The most important steps
in this process are:
- Combining JavaScript files to reduce the number of HTTP requests
- Minifying JavaScript files using the YUI Compressor
- Serving JavaScript files compressed (gzip encoding)
- Making JavaScript files cacheable by setting the appropriate HTTP
response headers - Work around caching issues by appending a timestamp to filenames
- Using a Content Delivery Network to serve JavaScript files;
- All these steps should be automated using build tools
Tools
Minification
Profiling
Development
- Firebug
- Internet Explorer Developer Tools
- Safari Web Inspector
- Chrome Developer Tools
Proxies
- Sent (0)
- Nouveau