Open dreamerhammer opened 5 years ago
var textContent = `
onmessage = function(oEvent){
importScripts()
}
`
var blob = new Blob([textContent], {type: 'text/javascript'})
var worker = new Worker(window.URL.createObjectURL(blob));
worker.postMessage("Hello2")
Optimize javascript
1 Debounce input handler
2 Use requestAnimationFrame to execute animation
3 Use requestAnimationFrame to break big task into micro tasks
Optimize style
1 Use simple style rules
2 Use BEM for css
3 Limit the amount of elements effected by css tunning
Optimize layout
1 Avoid setting width/height/position/float/display related
2 Use flexbox
3 Avoid force layout synchronization
Optimize Paint and Composition
1 Use transform and opacity
2 Reducing complex paint works, like box-shadow
3 Use will-change
4 Limit paint area, exp. not update header and footer together
Reference
https://developers.google.com/web/fundamentals/performance/rendering/