Genesis Framework và MyThemeShop, ai hơn ai?
Vừa lượn lờ trên mạng, ghé qua blog của một bạn có nickname Ngọc Trinh (thuthuatpro.net), thấy bạn ấy có viết một bài phân tích các lý do tại sao lại từ bỏ theme Magazine Pro chạy trên nền Genesis Framework để chuyển qua sử dụng theme Schema của MyThemeShop. Ngọc Trinh đã đưa ra rất nhiều lập luận để củng cố cho luận điểm “MyThemeShop hơn hẳn Genesis“. Đứng trên lập trường của một người đang sử dụng Genesis Framework và Magazine Pro (phiên bản tự tùy biến giao diện), tôi cho rằng, đó là điều không thể chấp nhận được. Tại sao vậy?
So sánh Genesis Framework và MyThemeShop
Ngọc Trinh (chính xác hơn là nhà phát hành – MyThemeShop) đưa ra kết quả test tốc độ GTmetrix của 4 trang web sử dụng 4 loại theme khác nhau (Schema của MyThemeShop, Genesis Framework của StudioPress, Divi của Elegant Theme và Swift Theme) để kết luận rằng Schema là tối ưu nhất.
Tôi không nghĩ thế. Cấu trúc của theme chỉ đóng một phần trong các nhân tố ảnh hưởng đến tốc độ của một trang web. Ngoài ra còn cần xét đến ảnh hưởng của máy chủ hosting (tốc độ CPU, tốc độ ổ cứng lưu trữ), khả năng tối ưu giao diện của bạn và các plugin mà bạn đang sử dụng trên trang web của mình. Nếu bạn tối ưu tốt, điểm số của bạn hoàn toàn không thua kém một ai. Tôi sẽ chứng minh cho các bạn thấy ngay bây giờ.
1. So sánh kết quả test tốc độ bằng GTmetrix.com giữa blog của tôi và của Ngọc Trinh:
2. Kết quả test tốc độ bằng tool.pingdom.com:
- Blog của tôi:
- Blog của Ngọc Trinh:
3. Kết quả test tốc độ bằng Google PageSpeed Insight:
- Blog của tôi:
- Blog của Ngọc Trinh:
Bây giờ thì chắc Ngọc Trinh và mọi người đã thấy ai nhanh hơn ai rồi chứ? Tôi đã check qua và thấy Trinh có sử dụng plugin WP Super Cache để tối ưu điểm test tốc độ cho blog. Điều này hoàn toàn không nên. WP Super Cache kết hợp với BJ Lazy Load thì đúng là một thảm họa. Nó khiến blog của bạn load không ổn định, lúc nhanh lúc chậm, hình ảnh thì load lúc được lúc không. Trên thực tế, trải nghiệm người dùng mới là điều quan trọng nhất. Điểm test trên các công cụ chỉ mang tính chất tham khảo, đừng quá chú trọng vào chúng. Chỉ cần cái bạn tối ưu sao cho khi truy cập, blog/website load nhanh và ổn định là được. :)
Schema dính quá nhiều lỗi HTML5. Magazine Pro thì không
HTML5 và CSS3 là chuẩn web của hiện tại và tương lai. Chúng giúp blog/website của bạn tương thích tốt với trình duyệt web và hiển thị hoàn hảo trên mọi thiết bị. Tuy nhiên, khi test thử cấu trúc HTML5 cho blog của Trinh (sử dụng Schema theme), tôi phát hiện ra nó có quá nhiều lỗi.
Còn với Magazine Pro thì sao? Nó chẳng có bất kỳ một lỗi nào cả, dù là nhỏ nhất.
Genesis khó tùy biến?
Cá nhân tôi thấy chẳng có gì khó khăn cả. Genesis Child Theme chỉ có một vài file quan trọng (functions.php và style.css) và các bạn có thể chỉnh sửa, tùy biến giao diện ngay trong đó. Ngoài ra, các bạn có thể vào đây để tìm hiểu các code snippet giúp tùy biến Genesis hoặc tham khảo các bài viết về Genesis trên blog của tôi. Để đơn giản hơn nữa, hãy sử dụng các Genesis plugin để tùy biến giao diện và bổ sung các tính năng. Hai ứng dụng phổ biến nhất giúp các bạn chỉnh sửa child theme Genesis chính là Genesis Simple Hooks và Dynamik Website Builder.
Nếu gặp bất cứ vấn đề gì thắc mắc, hãy liên hệ với tôi để được hỗ trợ hoặc vui lòng tham khảo qua dịch vụ thiết kế blog/website của WP Căn bản.
Schema “ăn cắp” giao diện của StudioPress.com?
Cách phối màu cũng như phần header của Schema khá là giống với StudioPress.com – đơn vị phát hành Genesis Framework.
- Phần header của StudioPress.com:
- Phần header của theme Schema:
Kết luận
Cấu trúc của theme chỉ là một phần, điều quan trọng là bạn có biết cách tối ưu theme đó để nó trở nên hoàn hảo hay không. Đừng quá chú trọng vào những con số ảo, hãy quan tâm đến trải nghiệm thực tế của bản thân và của khách hàng. Có những việc có thể gây khó khăn cho bạn nhưng người khác thì không. Hãy tìm hiểu và suy nghĩ kỹ càng trước khi kết luận hoặc đánh giá một điều gì đó.
Nếu bạn thích bài viết này, hãy subscribe blog của tôi để thường xuyên cập nhật những bài viết hay nhất, mới nhất qua email nhé. Cảm ơn rất nhiều. :)
Mình đã dùng cả 2 theme thấy như sau:
1. Với blog đơn giản không có các chức năng đăng nhập, quản trị user như mạng xã hội hay diên đàng thì dùng mythemeshop sẽ tốt vì đỡ cài nhiều plugin, giao diện ít đụng tới code chèn vào tùy biến.
2. Với người thích tùy biến theme thì mythemeshop có chút vấn đề, mình mày mò hoài không cài được chức năng ẩn khi user đã đăng nhập trên menu, và 1 vài tính năng khác cài thêm plugin hay tùy biến khá khó. Đơn giản với người chưa rành như mình thì tùy biến mythemeshop khá khó.
Trước cũng nghe nhiều người nói về Genesis Framew lắm. Nhanh với nhẹ. H đọc bài này xong chắc sắp tới phải dùng thử mới được.
Cái phần đánh giá Schema “ăn cắp” giao diện của StudioPress.com nghe có vẻ hơi chủ quan. Mình thấy cái kiểu giao diện đó nhiều theme khác cũng dùng mà :))
:D Đây là blog của mình và các quan điểm trong bài viết là ý kiến chủ quan của mình. :)
thấy nhiều ông trả phí để dùng thrive themes, cái nào hơn nhể, màu xanh của thrive rất sâu, ấn tượng, nhưng genesis thì miễn phí nhiều.. huh
Cá nhân mình vẫn thích và trung thành với Genesis. :D
Chào anh Hiếu, em thấy bên mình có hình thức mua chung theme
Vậy giờ Em muốn mua theme flatsome thì làm sao ? Anh có thể tư vấn dùm em được không ?
Bạn cần tư vấn về việc gì nhỉ? Mọi thông tin mình đều đã ghi rõ ràng trong trang “mua chung” rồi mà. :)
nếu đánh giá theo cảm tính thì mình thấy thích GF hơn, nhưng thật ra mỗi cái có hay riêng nên không nên so sánh kiểu này
Mình hỏi cái này hơi rộng hơn tí.
Mình đang dùng theme Avada, mà bạn cũng biết mấy thằng multi-purpose này nó nặng như nào đấy. Trong khi đó định hướng làm site của mình là làm những bài long-forms, thường toàn 2-5k words và rất nhiều ảnh nên dù đã nén các kiểu nó vẫn chậm.
Vấn đề lớn nhất là mình hay thêm các feature bắt mắt, counter, call-to-action, tagline v.v… và mình mù tịt code nên bắt buộc phải dùng plugin hoặc theme nào đó hỗ trợ build site.
Mình đang có 2 hướng là:
1. Tiếp tục dùng Avada
2. Chuyển sang Genesis và dùng Visual Composer
Không biết là cái nào ổn hơn nhỉ?
Mong sớm nhận được reply của @Trung Hiếu
Nếu dùng Genesis mà lại cài Visual Composer để build giao diện thì tốt nhất là đừng dùng. Thứ nhất, Visual Composer không tương thích với Genesis. Thứ hai, nếu có tương thích thì nó cũng sẽ phá vỡ hết những ưu điểm mà Genesis đang có. :P
Chào bạn,
Vậy Ngọc Trinh là tác giả của MyThemeShop luôn hay sao bạn? MyThemeShop là của Việt Nam?
“Ngọc Trinh” là một người mẫu nội y. :3 Đùa chứ “Ngọc Trinh” ở trong bài viết này cũng chỉ là một blogger người Việt thôi bạn. :P
Bản thân mình đang dùng Magazine Pro với cái giá 49$
Sau khi thuê người sửa lại với cái giá 800.000 VNĐ cho phù hợp với nd web, test trên các công cụ kiểm tra tốc độ…, thấy mọi thứ đều tệ hại hơn so với Magazine Pro gốc
Nhưng trót dại rồi, cứ theo thôi, giờ bản cập nhật Magazine Pro mới mình không muốn cập nhật, vì người kia nói sẽ tối ưu lại web của tôi!
Nếu bạn thích sự phức tạp và nhiều tính năng thì đừng chọn Genesis. :P
anh cho em hỏi cái banner trên header anh có căn chỉnh cho nó ko ạ.
em cũng căn chỉnh cho cái banner của em với đoạn code này: đoạn code này là mặc định em copy về rồi canh lại cho trang mình
body {
background: url(“mybackgroundimage.gif”) repeat;
}
#banner {
position: absolute;
top: 0px;
left: 0px;
right: 0px;
width: 100%;
height: 200px;
z-index: -1;
}
anh cho em hỏi cái z-index -1; có tác dụng gì ko ạ. khi mình cho nó bằng -1 thì khi kích vào banner nó ko nhảy link. nếu từ 0 trở lên thì nhảy link anh.
Banner trên header mình không căn chỉnh gì nhé. Chèn 1 đoạn code HTML đơn giản vào Text Widget thôi. :P