So Sánh SharePoint Online Modern vs Classic Experience — Hướng Dẫn Migration Toàn Diện
Hình 1: So sánh giao diện Modern experience (trái) và Classic experience (phải) trên SharePoint Online.
Doanh nghiệp bạn vẫn đang dùng SharePoint Classic experience — giao diện cũ từ SharePoint 2013/2016, không responsive, page load chậm, và không nhận features mới từ Microsoft? SharePoint Online Modern experience ra mắt từ 2017 mang đến hiệu năng nhanh hơn 30–50%, 70+ web parts hiện đại, và WCAG 2.1 accessible — trong khi Microsoft đang dần deprecate Classic. Bài viết này so sánh chi tiết hai experience và hướng dẫn migration path từng bước để doanh nghiệp bạn chuyển đổi an toàn, tránh technical debt.
💡 TL;DR: Modern experience nhanh hơn 30–50%, responsive mobile, 70+ web parts, mega menu + Hub Sites navigation. Classic chỉ còn cần nếu dùng InfoPath forms, custom master pages, hoặc classic workflows — tất cả đều có migration path sang Power Apps, SPFx, và Power Automate. Mục tiêu: 100% Modern trước Q4 2026.
So Sánh Chi Tiết Modern vs Classic
| Tiêu Chí | Modern Experience | Classic Experience |
|---|---|---|
| Responsive mobile | ✅ Auto-adapt | ❌ Không responsive |
| Performance | ✅ Nhanh hơn 30–50% (SPA) | ❌ Chậm (full page reload) |
| Page editing | ✅ Drag-and-drop sections | ❌ Web part zones cố định |
| Web parts | ✅ 70+ modern web parts | ❌ Legacy web parts |
| Navigation | ✅ Mega menu, Hub nav | ❌ Basic top/left nav |
| Accessibility | ✅ WCAG 2.1 compliant | ❌ Limited |
| Branding | ✅ Themes, header, footer | ❌ Master pages, CSS |
| Search | ✅ Microsoft Search integrated | ❌ Classic search |
| Power Automate | ✅ Full integration | ⚠️ Limited |
| Custom scripts | ❌ Blocked by default | ✅ Full JS/CSS injection |
| InfoPath forms | ❌ Not supported | ✅ Supported (deprecated) |
| Master pages | ❌ Not applicable | ✅ Full customization |
| Status | ✅ Active development | ⚠️ Maintenance mode |
| Tương lai | ✅ Microsoft roadmap | ❌ Sẽ bị deprecated |
Khi Nào Vẫn Cần Classic
Mặc dù Modern là tương lai, một số trường hợp doanh nghiệp vẫn phụ thuộc Classic. Dưới đây là 5 scenarios phổ biến và migration path tương ứng.
InfoPath Forms
Tổ chức dùng InfoPath forms phức tạp chưa migrate sang Power Apps. InfoPath đã được Microsoft deprecated — không có features mới, support sẽ kết thúc dần. Action: lập kế hoạch migration sang Power Apps ngay.
Custom Master Pages
Branding nặng với custom master pages và CSS/JS injection. Modern không support master pages. Action: redesign với Modern themes + SPFx Application Customizers.
Classic Web Parts
Content Editor Web Part (CEWP) với custom HTML hoặc Script Editor Web Part. Action: thay thế bằng Modern web parts hoặc SPFx custom web parts.
Publishing Sites (Classic)
Large publishing portals với page layouts và content types phức tạp. Action: migrate pages sang Modern pages dùng PnP PowerShell.
Classic Workflows (SharePoint 2010/2013)
SharePoint 2010 workflows đã disabled cho new tenants (2020). SharePoint 2013 workflows retirement announced 2026+. Action: migrate sang Power Automate flows.
Modern Pages vs Classic Pages
Modern Pages
Modern pages dùng kiến trúc Single Page Application (SPA) — client-side rendering, chỉ load content thay đổi thay vì full page reload.
Section layouts có sẵn:
| Layout | Mô Tả |
|---|---|
| 1 column (full width) | Toàn bộ chiều rộng trang |
| 1 column (standard) | Chiều rộng chuẩn, có margin |
| 2 columns (equal) | Chia đều 50/50 |
| 2 columns (1/3 – 2/3) | Sidebar trái nhỏ |
| 2 columns (2/3 – 1/3) | Sidebar phải nhỏ |
| 3 columns | Chia đều 3 phần |
| Vertical section | Sidebar cố định bên phải |
Quy trình tạo page:
- Click + New → Site Page
- Chọn template (Blank, Visual, Basic text)
- Thêm sections → thêm web parts vào sections
- Inline editing (click → type trực tiếp)
- Save draft → Preview → Publish
- Version history tự động lưu
Các loại page:
- Site pages — trang nội dung chuẩn
- News posts — hiển thị trong News web part
- News links — external URL dạng news
- Repost — chia sẻ content từ site khác
Classic Pages
Classic pages dùng server-side rendering — mỗi click = full page reload từ server.
| Loại Page | Đặc Điểm | Hạn Chế |
|---|---|---|
| Wiki pages | Rich text editing, insert web parts inline | Không có section/column control |
| Web Part pages | Fixed zone layout, add web parts vào zones | Không thể thay đổi zone layout sau khi tạo |
| Publishing pages | Page layouts, content types, approval workflows | Phức tạp, check-in/check-out bắt buộc |
Modern Lists & Libraries
| Feature | Modern | Classic |
|---|---|---|
| Column formatting | ✅ JSON formatting | ❌ |
| Conditional formatting | ✅ Rules-based | ❌ |
| Gallery view | ✅ Card layout | ❌ |
| Board view | ✅ Kanban-style | ❌ |
| Quick edit | ✅ Inline editing | ✅ Datasheet |
| Filters pane | ✅ Side panel | ❌ |
| Power Automate | ✅ Automate menu | ❌ |
| Column width | ✅ Resize columns | ❌ Fixed |
| Pin to top | ✅ Pin items | ❌ |
| Bulk edit | ✅ Select → Edit | ⚠️ Limited |
| Custom forms | ✅ Power Apps forms | ✅ InfoPath |
Column Formatting (JSON)
Column formatting là tính năng chỉ có trên Modern — cho phép format cột theo điều kiện bằng JSON. Ví dụ status column đổi màu theo giá trị:
{
"$schema": "https://columnformatting.sharepointpnp.com",
"elmType": "div",
"style": {
"background-color": "=if(@currentField == 'Approved', '#4caf50', if(@currentField == 'Pending', '#ff9800', '#f44336'))"
},
"children": [
{
"elmType": "span",
"txtContent": "@currentField"
}
]
}
Các use cases phổ biến:
- Progress bar — percentage field hiện dạng bar, đổi màu red → yellow → green
- Person column với avatar — hiện profile picture + tên, click mở profile card
- Due date highlighting — quá hạn = đỏ, hôm nay = vàng, tương lai = xanh
📌 Cần hỗ trợ migration SharePoint Classic sang Modern? PUPAM tư vấn assessment, page transformation, InfoPath → Power Apps, classic workflows → Power Automate — triển khai nhanh, không gián đoạn. Liên hệ →
Migration Path Classic → Modern
Assessment (2 tuần)
Bước 1: Inventory classic sites
- Vào SharePoint admin center → Active sites → Filter classic sites
- Đếm: pages, lists, libraries, custom solutions
Bước 2: Identify blockers
| Blocker | Modern Replacement |
|---|---|
| InfoPath forms | Power Apps |
| Custom master pages | SPFx hoặc Modern themes |
| Classic workflows | Power Automate |
| CEWP / Script Editor | SPFx web parts |
| Custom solutions (.wsp) | SPFx |
Bước 3: Chạy Modernization Scanner
- Dùng SharePoint Modernization Scanner từ Microsoft
- Chạy against toàn tenant → nhận report với readiness score, blockers, recommendations
- Download: aka.ms/sppnp-modernization-scanner
Migrate (4–8 tuần)
Thứ tự migration khuyến nghị:
- Team sites — đơn giản nhất, impact cao nhất
- Document libraries — hầu hết auto-hiện Modern
- Lists — enable modern experience trong settings
- Pages — dùng page transformation tool
- Publishing sites — phức tạp nhất, làm cuối
Page transformation với PnP PowerShell:
# Cài đặt PnP PowerShell module
Install-Module PnP.PowerShell
# Connect đến site cần migrate
Connect-PnPOnline -Url https://tenant.sharepoint.com/sites/sitename -Interactive
# Convert từng page từ Classic sang Modern
ConvertTo-PnPPage -Identity "pagename.aspx" -Overwrite
Tool này tự động convert classic wiki/webpart/publishing pages sang Modern, mapping classic web parts sang modern equivalents. Quan trọng: review từng page sau conversion.
Force modern cho Lists/Libraries:
- Per list: List settings → Advanced → List experience → New experience
- Per tenant: SharePoint admin center → Settings → Classic experience
Governance (Ongoing)
Block classic sites mới:
- SharePoint admin center → Settings → "Prevent users from creating classic sites"
Monitor migration progress:
- Microsoft 365 admin center → Reports → SharePoint — track classic site usage over time
- Set deadline cho decommission
Train users:
- Modern page editing (sections, web parts, news posts)
- Power Apps thay thế InfoPath
- Power Automate thay thế classic workflows
- Document quy trình mới
SPFx (SharePoint Framework)
SPFx là development framework chính thức cho Modern customizations — thay thế mọi cách custom cũ của Classic.
SPFx Thay Thế Gì?
| Classic Customization | SPFx Replacement |
|---|---|
| Custom master pages | Application Customizers (header/footer) |
| Script Editor Web Part | SPFx Web Parts (React/no framework) |
| Custom JS/CSS | SPFx Extensions |
| Farm solutions (.wsp) | Client-side SPFx packages |
SPFx Capabilities
- Custom web parts — xây bằng React hoặc no framework
- Application customizers — inject custom header/footer
- Field customizers — custom column rendering
- Command sets — thêm buttons vào ribbon/toolbar
- Adaptive Card Extensions (ACEs) — cards cho Viva Connections dashboard
Admin Deployment
- Tạo App Catalog (tenant-level hoặc site-collection) qua SharePoint admin center → More features → Apps
- Upload file
.sppkg→ Deploy → Available cho toàn tenant - Microsoft Entra ID quản lý API permissions cho SPFx apps
- Microsoft 365 admin center → Integrated apps để quản lý tập trung
Checklist Trước Khi Triển Khai
- Chạy SharePoint Modernization Scanner và inventory toàn bộ classic sites
- Identify blockers: InfoPath forms, custom master pages, classic workflows
- Lập migration plan cho từng blocker (Power Apps, SPFx, Power Automate)
- Test modern experience trên 1 pilot site với 5–10 users
- Convert pages bằng PnP ConvertTo-PnPPage và verify kết quả
- Force modern cho lists/libraries và update navigation (mega menu, Hub Sites)
- Block classic site creation trong SharePoint admin center
- Train content editors và set decommission deadline cho classic sites
FAQ — Câu Hỏi Thường Gặp
Classic sites có bị Microsoft tắt không?
Chưa có ngày cụ thể — nhưng Microsoft đang dần deprecate Classic experience. Nhiều classic features đã bị deprecate: InfoPath (2026+), SharePoint 2010/2013 workflows (đã tắt cho new tenants). Classic pages và sites vẫn hoạt động nhưng không nhận features mới. Toàn bộ investment của Microsoft đổ vào Modern experience. Best practice: migrate proactively thay vì chờ forced migration. Admin theo dõi deprecation timeline qua Microsoft 365 Message Center. Recommendation: hoàn thành migration trước Q4 2026.
Custom branding (master pages, CSS) làm sao migrate?
Thay bằng Modern themes + SPFx Application Customizers. Modern không support master pages — đây là thay đổi lớn nhất. Alternatives: (1) Custom theme qua PowerShell Add-SPOTheme với company color palette. (2) SPFx Application Customizer inject custom header/footer/DOM elements. (3) Site header/footer settings cho logo, background, navigation. Tools: dùng Theme Generator (Fluent UI Design) tạo color palette JSON. Admin deploy SPFx solutions qua App Catalog trong SharePoint admin center.
InfoPath forms migrate sang đâu?
Power Apps là replacement chính thức cho InfoPath. Migration path theo độ phức tạp: (1) Simple forms → SharePoint list forms (Modern, built-in, không cần code). (2) Medium forms → Power Apps customize SharePoint form (low-code). (3) Complex forms → Power Apps canvas app + Dataverse. Power Apps có nút "Customize forms" trực tiếp trong SharePoint list settings. Admin quản lý Power Apps qua Power Platform admin center, DLP policies kiểm soát data flow.
Performance improvement khi chuyển Modern là bao nhiêu?
Nhanh hơn 30–50% page load so với Classic. Modern pages dùng client-side rendering (SPA architecture) — chỉ load content thay đổi, không full page reload. Microsoft benchmark: Modern page load ~2–3 giây vs Classic ~4–6 giây. Modern lists dùng lazy loading (load 30 items → scroll → load thêm). Microsoft Search cho instant results, AI-powered. Bật Office 365 CDN cho static assets giúp cải thiện thêm 10–20%.
Classic workflows (SharePoint 2010/2013) migrate thế nào?
Migrate sang Power Automate flows. SharePoint 2010 workflows đã disabled cho new tenants từ 2020. SharePoint 2013 workflows retirement announced 2026+. Microsoft cung cấp Workflow Migration Tool (preview) — scan classic workflows và generate Power Automate equivalent. Common patterns: approval → Power Automate Approvals, notification → Send email/Teams, update list → Update item action. Power Automate flows quản lý qua Power Platform admin center.
Có thể chạy song song Modern và Classic không?
Có — nhưng chỉ nên dùng ở giai đoạn transition. SharePoint Online cho phép mixed experience: một số sites/pages dùng Modern, một số vẫn Classic. Admin control experience per site hoặc per tenant qua SharePoint admin center → Settings → Classic experience. Tuy nhiên, chạy song song lâu dài gây confusion cho users và tăng support burden. Best practice: set migration timeline rõ ràng (ví dụ 3 tháng), block classic creation sau pilot thành công, và communicate deadline cho toàn org.
Nguồn Tham Khảo
- SharePoint classic and modern experiences — Microsoft Learn
- Modernize your classic SharePoint sites — Microsoft Learn
- PnP PowerShell page transformation — GitHub
- SharePoint Framework overview — Microsoft Learn
- Migrate InfoPath forms to Power Apps — Microsoft Learn
- SharePoint workflow retirement — Microsoft Learn
- Office 365 CDN overview — Microsoft Learn
Hành Động Ngay Hôm Nay
- Chạy Modernization Scanner — Download SharePoint Modernization Scanner, chạy against tenant để nhận readiness report với danh sách blockers và recommendations.
- Pilot trên 1 site — Chọn 1 team site hoặc communication site đơn giản, enable Modern experience, convert pages bằng PnP PowerShell, và test với 5–10 users trong 1–2 tuần. Tham khảo SharePoint Online Complete Guide.
- Liên hệ PUPAM cho toàn bộ migration — Assessment, page transformation, InfoPath → Power Apps, classic workflows → Power Automate, SPFx development và change management. Đặt lịch tư vấn →
Bài Liên Quan Nên Đọc
- SharePoint Online Communication Sites Design
- SharePoint Online Document Libraries Metadata
- SharePoint Online Complete Guide
- Power Apps SharePoint List Forms Customization
- Power Automate SharePoint Document Automation
- Microsoft 365 Security Best Practices
Kết Luận
SharePoint Online Modern experience là tương lai duy nhất — migrate sớm giúp doanh nghiệp tránh technical debt, tận dụng 70+ web parts hiện đại, mega menu navigation, và hiệu năng nhanh hơn 30–50%. Classic chỉ cần giữ tạm thời nếu vẫn phụ thuộc InfoPath, master pages, hoặc classic workflows — và tất cả đều có migration path rõ ràng.
| Tiêu Chí | Chi Tiết |
|---|---|
| Phù hợp cho | Doanh nghiệp dùng SharePoint Online còn classic sites, cần migration roadmap rõ ràng |
| Lợi ích chính | Performance +30–50%, responsive mobile, 70+ web parts, WCAG 2.1, mega menu, Hub Sites |
| Bước tiếp theo | Chạy Modernization Scanner → pilot 1 site → roll out toàn tenant trước Q4 2026 |
💡 Cần hỗ trợ migration Classic → Modern? PUPAM tư vấn assessment, page transformation, InfoPath → Power Apps, classic workflows → Power Automate, SPFx development — triển khai nhanh, không gián đoạn. Liên hệ →