Hôm nay, nhân việc xử lý wak đáp ứng việc view trên thiết bị di động, tôi đã tối ưu wak theo khuyến cáo của google.
Sau khi chỉnh sửa, page speed insight đã đánh giá wak bundle đạt 91 điểm mobile & 97 điểm desktop (trước khi chỉnh sửa, điểm là 66 và 79).
Tuy nhiên việc chỉnh sửa này có thể khiến các tag <script> không chạy được (do thư viện js được đánh dấu load sau).
Ví dụ script sau:
<script type="text/javascript">
$('.position').addClass("droppable");
$('.position .module').addClass("draggable");
$('.position').sortable({
connectWith: '.position.droppable',
placeholder: "drop_placeholder"
});
</script>
Sẽ gặp lỗi do thư viện jquery chưa được lấy về.
Để khắc phục bạn cần đánh dấu đoạn script trên chạy sau khi lấy thư viện về bằng cách thay đổi như sau
<script type="text/javascript">
fs_addLoadEvent(function()
{
$('.position').addClass("droppable");
$('.position .module').addClass("draggable");
$('.position').sortable({
connectWith: '.position.droppable',
placeholder: "drop_placeholder"
});
});
</script>
Dự kiến phiên bản wak này sẽ được đưa lên trong tuần.